You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@flex.apache.org by scott matheson <sc...@matheson.it> on 2016/09/07 20:33:53 UTC

form layout

Hi
    i am developing a web app,i want the labels for the filed to be on 2 lines ie

Password   XXXXXXXXX
Reset	   XXXXXXXXX



with the   formitem i can get the fields close together,. but how do i get the labels onto 2 lines 


this code work, however the text is on 1 line 


<s:FormItem label="Password reset"  >

    <s:TextInput id="password1" width="180" height="25" displayAsPassword="true"
                 prompt="new password"
                 text="{editableUser.pw1}" change="{editableUser.pw1 = password1.text}"/>

    <s:HGroup>

        <s:TextInput id="password2"  width="180" height="25" change="checkUserId()"
                     prompt="repeat password"
                     displayAsPassword="true"/>


    </s:HGroup>


</s:FormItem>


Re: form layout

Posted by OK <po...@olafkrueger.net>.
Try it this way:

	<s:Form>
		<s:layout>
			<s:FormLayout gap="-12" />
		</s:layout>
		<s:FormItem label="Password"  >	
			<s:TextInput id="password1" width="180" height="25"
displayAsPassword="true"
						 prompt="new password"/>
		</s:FormItem>
		<s:FormItem label="Reset"  >	
			<s:TextInput id="password2"  width="180" height="25" 
						 prompt="repeat password"
						 displayAsPassword="true"/>
		</s:FormItem>
	</s:Form>

HTH,
Olaf



--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/form-layout-tp13510p13513.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.