Skip to Content

Force input lable to be above field.

I've been trying to find a solution so that I can set the label's position to be above the field or input.

So far all examples have the label to the left of the input, but I would prefer to have an option to have it above the input.

Is there a proper way to do this or simple hack that will cause this, such as putting both elements in a VBOX.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    Feb 10 at 12:11 PM

    Sure - taken from here

        	<Panel id="containerLayout"
    				headerText="Result in a Container"
    				width="100%">
    		<Label id="label"
    				labelFor="containerInput"
    				displayOnly="true"
    				wrapping="true"
    				text="Above input:"/>
    		<Input id="containerInput"></Input>
    	</Panel>
    
    Add comment
    10|10000 characters needed characters exceeded

    • Following up, it seems that while an input works well with this method, a Text or HTML component doesn't work.
      I got OK results by putting a VBOX inside of the panel.