I have 5 radio buttons among which the user can choose: DTP, MMR, POL, HIB or HEP B and a small space in which to show these buttons.

enter image description here

The problem is that the labels are not very explanatory. If the user is not an expert in the field and doesn't know what the abbreviations mean, the interface becomes unclear. So I would like to stretch the labels.

For now I have added a tootltip when the user hovers over the code.

enter image description here

But I don't think this is the best solution.

I can replace the radio buttons with a drop-down list: in this way I could replace the abbreviation with its description. But I've never loved drop-down lists, I find them uncomfortable and not aesthetically beautiful.

I would prefer that the form was not bigger than 300 x 80px and the desktop version has priority over mobile (so no mobile first!).

Are there any better solutions I could take?

(sorry for my bad english)

  • Did you consider a combobox? If yes, why not? Jun 24, 2018 at 10:29
  • @AdrianoRepetti I considered it and find it not suitable for my purposes. The search would not be useful and it is too similar to a drop-down list. Thanks anyway for your reply! Jun 24, 2018 at 11:39
  • I meant drop down list (bad me, too often it's implemented with same control). Jun 24, 2018 at 11:47
  • How about vertical radio list? This way you will have space for the whole label
    – Sheraz
    Jun 24, 2018 at 11:50
  • @Shaz You're right, but it would take away so much vertical space. I repeat that I would not want to exceed the size 300 x 80px too much. Jun 24, 2018 at 14:36

1 Answer 1


Instead of lining your buttons in a row, line them up column style with each option in its own row. You will then have the fill screen width for explanation

  • I think this is the best approach instead of having to rely on the user to hover each time they use it. Also they might forget what they all mean if they use it again a second time.
    – Muqito
    Jul 28, 2018 at 23:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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