Okay so I have a bit of an odd table to achieve and I'm unsure on the the best UI/UX approach to go with.

I have a small table of files, usually at most there would be about 10 files, one of the files must be toggled as a primary file to be used for the category it belongs to. It's possible to toggle old files as active so each row will have a radio select.

The files will also need to be draggable so that they can be dragged to other file categories. So i need a handle bar for dragging of some sort.

Below I have an example table row labelled to it's content:

| Grab Handle | Active Radio | file details | edit delete |

So I'm asking for a few reasons, first is that i know as a general rule it's best practice to put all action buttons on the right so this may even include the active radio however I've seen some tables with selects on the far left except it's odd to have a handle bar and select next to each other. So would there be a better approach to this or is this fine?


According to Material Design:

  • Checkbox + Tug - left
  • Actions - right

enter image description here

Of course, you can experiment and try other options.

  • That's a checkbox, not a radio button. As I understand the question the radio is used to mark one file out of the set, so radio button would be appropriate. – Martyn Oct 23 '19 at 18:00

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.