Semantic-ui: [Form] Add horizontal forms

Created on 7 Jan 2015  路  7Comments  路  Source: Semantic-Org/Semantic-UI

Don't know if is a missing feature, but it would be handy to have a way on which inline forms fields will be aligned with it's corresponding label.

See jsfiddle http://jsfiddle.net/tzk2g57y/8/

Thanks!

Cannot Fix Enhancement stale

Most helpful comment

In what world is it acceptable that a css framework not have alignable form labels?
This is UX 101. Right aligned labels inline with form elements = optimal usability under many circumstances. I'm kind of stunned at the lack of this feature.

All 7 comments

This would require something like table sizing, which I'm not sure is possible to implement here.

A much simpler solution is to build your own css on-top of the framework to customize alignment by setting an arbitrary width on the labels.
http://jsfiddle.net/tzk2g57y/13/

Thanks for the answer.

Take a look at how it is implemented here http://purecss.io/forms/#aligned-form
MIght be useful for inspiration if you decide to add this feature.

In what world is it acceptable that a css framework not have alignable form labels?
This is UX 101. Right aligned labels inline with form elements = optimal usability under many circumstances. I'm kind of stunned at the lack of this feature.

The feature seems to be popular, and it鈥檚 been 2 years since this thread was opened; maybe we can take another look at it. I changed the title with the reference to Bootstrap鈥檚 horizontal forms.

I like the banandrew's suggestion.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 30 days if no further activity occurs. Thank you for your contributions.

this feature still doesn't exist

Was this page helpful?
0 / 5 - 0 ratings