Hi,
For the beginning of my project, I am now working on problems with the
emulated components :)
How should I continue for the emulated components ?
Components : mx.containers.From and mx.containers.FromItem
Problem :
* Layout is not rendered as expected.
* FormItem labels are not displayed
* FormItem child text is not correctly rendered
Test source :
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";
xmlns:s="library://ns.apache.org/royale/spark"
xmlns:mx="library://ns.apache.org/royale/mx"
xmlns:comps="com.likya.pinara.comps.*"
width="100%">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
[Bindable]
private var trIcon:Class;
[Bindable]
private var enIcon:Class;
private function changeLocale(locale:String):void {
}
protected function button_clickHandler(event:MouseEvent):void {
}
]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<s:Panel
horizontalCenter="0"
verticalCenter="0"
id="loginPanel"
width="288"
height="179"
chromeColor="#E2E5E7"
title="{resourceManager.getString('messages', 'loginTitle')}"
>
<mx:Button y="-27" right="30" width="20"
click="changeLocale('tr_TR')" icon="{trIcon}" toolTip="Türkçe"/>
<mx:Button y="-27" right="5" width="20"
click="changeLocale('en_US')" icon="{enIcon}" toolTip="English"/>
<mx:Form width="288"><!-- defaultButton="{button}" -->
<mx:FormItem paddingTop="20"
label="{resourceManager.getString('messages', 'userName')}">
<s:TextInput id="userName" />
</mx:FormItem>
<mx:FormItem x="29" y="74"
label="{resourceManager.getString('messages', 'password')}">
<s:TextInput id="password" displayAsPassword="true"/>
</mx:FormItem>
<mx:FormItem paddingLeft="63">
<s:Button id="button" width="64"
label="{resourceManager.getString('messages', 'login')}"
click="button_clickHandler(event)"/>
</mx:FormItem>
</mx:Form>
</s:Panel>
</s:Application>
View :
Original in flex :
Not : Images are not included in test source, should be disregarded,
Thanks,
Serkan
