So I'm wondering how best to solve this problem.

I want to display a 'list' of elements in my app. Right now this is what it looks like -

enter image description here

That looks really bad, and I'm not sure how to make it so that there's some consistency to the look of the elements on this page.

Does anyone have any suggestions?

  • It's because your labels autosize the text to try and display the whole thing. I think it's fine provided most titles fit within a standard range of sizes. – Cyclone Jan 27 '14 at 5:19
  • yes - but I don't have a standard range of sizes...so I'm not sure what to do – praks5432 Jan 27 '14 at 5:58

I'd suggest to break the longest labels into two lines and change their font size. I'd suggest to rework the label's phrases if they are way too long. Otherwise, you can try to break them up to three lines (reducing the font size / increasing the block's height).


download bmml source – Wireframes created with Balsamiq Mockups

| improve this answer | |
  • how would I go about doing this? – praks5432 Jan 27 '14 at 9:14
  • @praks5432 how would you code this ? Don't really understand what's the question ^^ – Gabin Jan 27 '14 at 9:37

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.