Skip to main content
March 28, 2011
Question

[Forms] Creation & FormItems

  • March 28, 2011
  • 1 reply
  • 443 views

Guys, I need some help with a problem I have with creating a form on a mobile device. When I use the formItem and put the label="HelloWorld", it doesnt render it the right way. What I try to say is that the formItem text is gray and not on the right possitions.

My question is, how do you guys create a correct mobile form?. If someone could give me some examples, thank you !

Hope to get some tips, links, tutorials soon guys !

This topic has been closed for replies.

1 reply

Participant
April 29, 2011

I am wondering if you find a solution to your problem because I am facing the same one.

As I read http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7e53.html, it uses <fx|Style>. But the thing is <s:FormItem> does not have 'lableStyleName' property. I love to know the solution.

April 29, 2011

Well, I just used the following code to create a propper mobile form. The thing is that the currect SDK doesnt have the right properties and Components yet. Wait a couple of weeks untill Adobe releases the new version of the SDK and Im sure there will be tons of new features in there.

          <s:Form width="100%" top="0" right="0" bottom="0" left="0"=>
               <s:FormItem label="...">
                    <s:Label id="..." />
               </s:FormItem>

               <s:FormItem label="...">
                    <s:Label id="..." />
               </s:FormItem>
               <s:FormItem label="...">
                    <s:Label id="..." />
               </s:FormItem>
               <s:FormItem label="...">
                    <s:Label id="..." />
               </s:FormItem>
               <s:FormItem label="...">
                    <s:Label id="..." />
               </s:FormItem>
               
               <s:CheckBox id="..." enabled="false" label="..." />
               <s:CheckBox id="..." enabled="false" label="..." />
               <s:CheckBox id="..." enabled="false" label="..." />
               
               <s:Button label="..." width="100%" bottom="10" />
          </s:Form>

Hope this will help you!

Best regards,

Wimbo