
<mx:Panel title="Subscription form" paddingTop="20">
<mx:Form>
<mx:FormItem label="First Name">
<mx:TextInput id="first" width="300" />
</mx:FormItem>
<mx:FormItem label="Last Name">
<mx:TextInput id="last" width="300" />
</mx:FormItem>
<mx:FormItem label="Email">
<mx:TextInput id="email" styleName="important"
width="300" />
</mx:FormItem>
<mx:FormItem>
<mx:Button label="Subscribe" />
</mx:FormItem>
</mx:Form>
</mx:Panel>
</mx:Application>
Figure 4-20 shows the result.
As
you can see, the panel has gotten a bit glossy. The font of
the title of the panel has changed, and the background color
for the entire design has also changed.
Figure 4-20. The skinned subscription form
64 | Chapter 4: Flex Controls and Layout
Komentáře k této Příručce