#44 label and input field positioning

open
nobody
None
5
2007-06-01
2007-06-01
Anonymous
No

Sometime it is challenging to set up an <page> input type that looks good given the space constraints inside a page.

The following would apply to most of the various input types - I will use the <select> as an example.

Problems occur when the <select> "displayText" test is long, the <option> "text" text is long, or when both occur. Additionally, if perhaps I wish to use the "explanatoryText" field (and I set "displayText" to null) then the <option> elements are skewed to the right (there is space left for the non-existant "displayText" data)

I suggest that if "explanatoryText" is used (and "displayText" is null) that the <option> buttons be placed on the left (perhaps aligned with the left side of the explanatory text). This would allow longer text in the option buttons.

If a user does not want this action, they would simply use a comment field above the <select> (rather than its "explanatoryText" , or use the "displayText" attribute. If <select>'s "explanatoryText" is null then the radio buttons would aligned as they are now.

Submitted by jswedberg <at> carreker <dot> com

Discussion


Log in to post a comment.