Search jQuery

jQuery Forum

A suggestion to replace three inline buttons which don't fit?

in jQuery Mobile • 10 years ago

I have three inline bottoms in the middle of the page - but they don't fit in one line in portrait mode on the iPhone or Android.

Any suggestion for an alternate nice looking UI for three items in one line? I'm already using a navbar in the footer, so not sure how good that might look. Maybe it might look ok if it wasn't the full width of the screen. Hmmm...

Any thoughts appreciated.

Thanks,

doug

Replies(2)

watusiware

Re: A suggestion to replace three inline buttons which don't fit?

10 years ago

Did you try Grouped Buttons? If the text is not too long, you should be able to fit 3 buttons in portrait.

myaxeo

Re: A suggestion to replace three inline buttons which don't fit?

10 years ago

Option 1 worked great for me - for the large screen use the 3 buttons side by side and for small screens use a select menu.

Use the @media to show or hide one or the other depending on the screen size

Option 2 - use @media to change the font size on the buttons, it works sometimes

Option 3 - the suggestion above again using @media to show/hide stuff

Top Reply

Response title

Attachments

jQuery Forum

A suggestion to replace three inline buttons which don't fit?

Replies(2)

Re: A suggestion to replace three inline buttons which don't fit?

Re: A suggestion to replace three inline buttons which don't fit?

Statistics

Tags

Actions