You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@royale.apache.org by Serkan Taş <se...@likyateknoloji.com> on 2020/03/19 12:58:23 UTC
Layout advises
Hi,
I have flex layout like :
but getting this for Royale Emulation
What am i missing ?
Or is have a better way to have this view ?
Here is the source :
<?xml version="1.0" encoding="latin5" ?>
<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"
height="600" width="800">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private function setTabEnabled(index:int,
enabled:Boolean):void {
}
private function showArgValuePopup():void {
}
private function showJobContentPopup():void {
}
private function showJobLogPopup():void {
}
private function showJobBuffPopup():void {
}
private function showGenericPopup(fileTag:String):void {
}
]]>
</fx:Script>
<s:VGroup paddingTop="5">
<!-- Create a Spark ButtonBar control to navigate
the ViewStack container. -->
<s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
<!-- Define the ViewStack and the three child containers. -->
<mx:ViewStack id="myViewStack"
borderStyle="solid"
width="100%" height="160">
<s:NavigatorContent id="search"
label="{resourceManager.getString('messages', 'jobBaseInfoTabLabel')}">
<s:HGroup width="100%" >
<s:VGroup paddingLeft="5" paddingRight="5"
gap="-10" width="100%">
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label
text="{resourceManager.getString('messages', 'jobCommandText')}"
width="105"/>
<s:TextInput id="jobCommand" top="5"
editable="false" width="95"/>
<s:Image id="showJobContent"
source="{ImageContainer.getLogImage(0)}"
toolTip="{resourceManager.getString('messages', 'commandFileTooltip')}"
buttonMode="true"
click="showJobContentPopup()" visible="false" includeInLayout="false" />
<s:Image id="dontShowJobContent"
source="{ImageContainer.getLogImage(1)}"
toolTip="{resourceManager.getString('messages', 'noCommandFileTooltip')}"/>
<s:Label
text="{resourceManager.getString('messages', 'dzGroupIdLabel')}"
width="105" paddingLeft="10" />
<s:TextInput id="dzGroup" top="5"
editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label
text="{resourceManager.getString('messages', 'jobLogFileLabel')}"
width="105"/>
<s:TextInput id="jobLogFile" top="5"
editable="false" width="95"/>
<s:Image id="showJobLog"
source="{ImageContainer.getLogImage(0)}"
toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
buttonMode="true"
click="showJobLogPopup()" visible="false" includeInLayout="false"/>
<s:Image id="dontShowJobLog"
source="{ImageContainer.getLogImage(1)}"
toolTip="{resourceManager.getString('messages', 'noLogFileTooltip')}" />
<s:Label
text="{resourceManager.getString('messages', 'jobRestartableLabel')}"
width="105" paddingLeft="10" />
<s:TextInput id="restartable" top="5"
editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label
text="{resourceManager.getString('messages',
'jobPreviousDurationLabel')}" width="105"/>
<s:TextInput id="prevDuration" top="5"
editable="false" width="95"/>
<s:Image id="showJobBuff"
source="{ImageContainer.getLogImage(0)}"
toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
buttonMode="true"
click="showJobBuffPopup()" top="0"/>
<s:Label
text="{resourceManager.getString('messages', 'jobParameterLabel')}"
width="105" paddingLeft="10" />
<s:TextInput id="paramValue" top="5"
editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label
text="{resourceManager.getString('messages', 'jobDiffDurationLabel')}"
width="105"/>
<s:TextInput id="diffDuration" top="5"
editable="false" width="95"/>
<s:Label
text="{resourceManager.getString('messages', 'jobArgsLabel')}" width="65"/>
<s:TextInput id="argValues" top="5"
editable="false" width="140"/>
<s:Button y="-27" right="290"
label="{resourceManager.getString('messages', 'jobEditButtonLabel')}"
click="showArgValuePopup()" width="50"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label
text="{resourceManager.getString('messages', 'jobHandlerUriLabel')}"
width="105" />
<s:TextInput id="handlerURI" top="5"
editable="false" width="300"/>
</s:HGroup>
</s:VGroup>
</s:HGroup>
</s:NavigatorContent>
</mx:ViewStack>
</s:VGroup>
</s:Application>
Thanks,
Serkan
Re: Layout advises
Posted by Serkan Taş <se...@likyateknoloji.com>.
Confirm Alex, it is good now.
Just need to see the issue(764) fixed related with 0 height for next.
Thanks,
Serkan
22.03.2020 09:51 tarihinde Alex Harui yazdı:
>
> I made one fix to get HGroup to honor paddingTop. This seems like an
> unusual test case in that you have paddingTop=15 on each child but a
> gap of -10 between them. I don’t think I’ve ever seen gap < 0.
>
> Anyway, see if that looks better and if there are remaining issues.
>
> HTH,
>
> -Alex
>
> *From: *Serkan Taş <se...@likyateknoloji.com>
> *Date: *Thursday, March 19, 2020 at 9:48 AM
> *To: *"users@royale.apache.org" <us...@royale.apache.org>, Alex Harui
> <ah...@adobe.com>
> *Subject: *Re: Layout advises
>
> I guess it is not only related with the images but with layout in general.
>
> 19.03.2020 19:19 tarihinde Alex Harui yazdı:
>
> Not sure. Spark Image looks like it is dispatching the right
> event, so someone has to debug the layouts and figure out why.
>
> To try a workaround, if you know the height of the image, set the
> height on the Image tag.
>
> -Alex
>
> *From: *Serkan Taş <se...@likyateknoloji.com>
> <ma...@likyateknoloji.com>
> *Reply-To: *"users@royale.apache.org"
> <ma...@royale.apache.org> <us...@royale.apache.org>
> <ma...@royale.apache.org>
> *Date: *Thursday, March 19, 2020 at 9:12 AM
> *To: *"users@royale.apache.org" <ma...@royale.apache.org>
> <us...@royale.apache.org> <ma...@royale.apache.org>
> *Subject: *Re: Layout advises
>
> How can i fix ?
>
> Android için Outlook
> <https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Faka.ms%2Fghei36&data=02%7C01%7Caharui%40adobe.com%7Cb8eda7cf7da344246e3008d7cc255d83%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202333175814791&sdata=Cv9MOOOgVW7BjgF%2Fp4oZseYHk60S8IBAjrtYDwDdAKw%3D&reserved=0>'u
> edinin
>
>
>
>
> On Thu, Mar 19, 2020 at 6:34 PM +0300, "Alex Harui"
> <aharui@adobe.com <ma...@adobe.com>> wrote:
>
> Probably s:Image needs to force a layout of the parent.
>
> *From: *Serkan Taş <se...@likyateknoloji.com>
> <ma...@likyateknoloji.com>
> *Reply-To: *"users@royale.apache.org"
> <ma...@royale.apache.org> <us...@royale.apache.org>
> <ma...@royale.apache.org>
> *Date: *Thursday, March 19, 2020 at 5:58 AM
> *To: *"users@royale.apache.org"
> <ma...@royale.apache.org> <us...@royale.apache.org>
> <ma...@royale.apache.org>
> *Subject: *Layout advises
>
> Hi,
>
> I have flex layout like :
>
>
>
>
> but getting this for Royale Emulation
>
>
>
> What am i missing ?
>
> Or is have a better way to have this view ?
>
> Here is the source :
>
> <?xml version="1.0" encoding="latin5" ?>
>
> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> <https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7Cb8eda7cf7da344246e3008d7cc255d83%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202333175824784&sdata=MRbMsm4U3DWe72vEcRhaFirdBCqRbKaqQap9XLhUeFw%3D&reserved=0>
> xmlns:s="library://ns.apache.org/royale/spark"
> xmlns:mx="library://ns.apache.org/royale/mx"
> height="600" width="800">
>
> <fx:Metadata>
> [ResourceBundle("messages")]
> </fx:Metadata>
>
> <fx:Script>
> <![CDATA[
>
> private function setTabEnabled(index:int,
> enabled:Boolean):void {
> }
>
> private function showArgValuePopup():void {
> }
>
> private function showJobContentPopup():void {
> }
>
> private function showJobLogPopup():void {
> }
>
> private function showJobBuffPopup():void {
> }
>
> private function
> showGenericPopup(fileTag:String):void {
> }
>
> ]]>
> </fx:Script>
>
> <s:VGroup paddingTop="5">
> <!-- Create a Spark ButtonBar control to navigate
> the ViewStack container. -->
> <s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
>
> <!-- Define the ViewStack and the three child
> containers. -->
> <mx:ViewStack id="myViewStack"
> borderStyle="solid"
> width="100%" height="160">
>
> <s:NavigatorContent id="search"
> label="{resourceManager.getString('messages',
> 'jobBaseInfoTabLabel')}">
> <s:HGroup width="100%" >
>
> <s:VGroup paddingLeft="5" paddingRight="5"
> gap="-10" width="100%">
>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobCommandText')}" width="105"/>
> <s:TextInput id="jobCommand"
> top="5" editable="false" width="95"/>
> <s:Image id="showJobContent"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages',
> 'commandFileTooltip')}"
> buttonMode="true" click="showJobContentPopup()"
> visible="false" includeInLayout="false" />
> <s:Image id="dontShowJobContent"
> source="{ImageContainer.getLogImage(1)}"
> toolTip="{resourceManager.getString('messages',
> 'noCommandFileTooltip')}"/>
> <s:Label
> text="{resourceManager.getString('messages',
> 'dzGroupIdLabel')}" width="105" paddingLeft="10" />
> <s:TextInput id="dzGroup" top="5"
> editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobLogFileLabel')}" width="105"/>
> <s:TextInput id="jobLogFile"
> top="5" editable="false" width="95"/>
> <s:Image id="showJobLog"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages',
> 'logFileTooltip')}"
> buttonMode="true" click="showJobLogPopup()" visible="false"
> includeInLayout="false"/>
> <s:Image id="dontShowJobLog"
> source="{ImageContainer.getLogImage(1)}"
> toolTip="{resourceManager.getString('messages',
> 'noLogFileTooltip')}" />
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobRestartableLabel')}" width="105" paddingLeft="10" />
> <s:TextInput id="restartable"
> top="5" editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobPreviousDurationLabel')}" width="105"/>
> <s:TextInput id="prevDuration"
> top="5" editable="false" width="95"/>
> <s:Image id="showJobBuff"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages',
> 'errBuffTooltip')}"
> buttonMode="true" click="showJobBuffPopup()" top="0"/>
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobParameterLabel')}" width="105" paddingLeft="10" />
> <s:TextInput id="paramValue"
> top="5" editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="baseline"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobDiffDurationLabel')}" width="105"/>
> <s:TextInput id="diffDuration"
> top="5" editable="false" width="95"/>
> <s:Label
> text="{resourceManager.getString('messages', 'jobArgsLabel')}"
> width="65"/>
> <s:TextInput id="argValues"
> top="5" editable="false" width="140"/>
> <s:Button y="-27" right="290"
> label="{resourceManager.getString('messages',
> 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
> </s:HGroup>
>
> <s:HGroup verticalAlign="baseline"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobHandlerUriLabel')}" width="105" />
> <s:TextInput id="handlerURI"
> top="5" editable="false" width="300"/>
> </s:HGroup>
>
> </s:VGroup>
>
> </s:HGroup>
> </s:NavigatorContent>
>
> </mx:ViewStack>
>
> </s:VGroup>
> </s:Application>
>
> Thanks,
> Serkan
>
>
>
>
>
Re: Layout advises
Posted by Alex Harui <ah...@adobe.com>.
I made one fix to get HGroup to honor paddingTop. This seems like an unusual test case in that you have paddingTop=15 on each child but a gap of -10 between them. I don’t think I’ve ever seen gap < 0.
Anyway, see if that looks better and if there are remaining issues.
HTH,
-Alex
From: Serkan Taş <se...@likyateknoloji.com>
Date: Thursday, March 19, 2020 at 9:48 AM
To: "users@royale.apache.org" <us...@royale.apache.org>, Alex Harui <ah...@adobe.com>
Subject: Re: Layout advises
I guess it is not only related with the images but with layout in general.
19.03.2020 19:19 tarihinde Alex Harui yazdı:
Not sure. Spark Image looks like it is dispatching the right event, so someone has to debug the layouts and figure out why.
To try a workaround, if you know the height of the image, set the height on the Image tag.
-Alex
From: Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org"<ma...@royale.apache.org> <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 9:12 AM
To: "users@royale.apache.org"<ma...@royale.apache.org> <us...@royale.apache.org>
Subject: Re: Layout advises
How can i fix ?
Android için Outlook<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Faka.ms%2Fghei36&data=02%7C01%7Caharui%40adobe.com%7Cb8eda7cf7da344246e3008d7cc255d83%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202333175814791&sdata=Cv9MOOOgVW7BjgF%2Fp4oZseYHk60S8IBAjrtYDwDdAKw%3D&reserved=0>'u edinin
On Thu, Mar 19, 2020 at 6:34 PM +0300, "Alex Harui" <ah...@adobe.com>> wrote:
Probably s:Image needs to force a layout of the parent.
From: Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org"<ma...@royale.apache.org> <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 5:58 AM
To: "users@royale.apache.org"<ma...@royale.apache.org> <us...@royale.apache.org>
Subject: Layout advises
Hi,
I have flex layout like :
[cid:image001.png@01D5FFDB.9689ED80]
but getting this for Royale Emulation
[cid:image002.png@01D5FFDB.9689ED80]
What am i missing ?
Or is have a better way to have this view ?
Here is the source :
<?xml version="1.0" encoding="latin5" ?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7Cb8eda7cf7da344246e3008d7cc255d83%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202333175824784&sdata=MRbMsm4U3DWe72vEcRhaFirdBCqRbKaqQap9XLhUeFw%3D&reserved=0>
xmlns:s="library://ns.apache.org/royale/spark"
xmlns:mx="library://ns.apache.org/royale/mx"
height="600" width="800">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private function setTabEnabled(index:int, enabled:Boolean):void {
}
private function showArgValuePopup():void {
}
private function showJobContentPopup():void {
}
private function showJobLogPopup():void {
}
private function showJobBuffPopup():void {
}
private function showGenericPopup(fileTag:String):void {
}
]]>
</fx:Script>
<s:VGroup paddingTop="5">
<!-- Create a Spark ButtonBar control to navigate
the ViewStack container. -->
<s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
<!-- Define the ViewStack and the three child containers. -->
<mx:ViewStack id="myViewStack"
borderStyle="solid"
width="100%" height="160">
<s:NavigatorContent id="search" label="{resourceManager.getString('messages', 'jobBaseInfoTabLabel')}">
<s:HGroup width="100%" >
<s:VGroup paddingLeft="5" paddingRight="5" gap="-10" width="100%">
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobCommandText')}" width="105"/>
<s:TextInput id="jobCommand" top="5" editable="false" width="95"/>
<s:Image id="showJobContent" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'commandFileTooltip')}"
buttonMode="true" click="showJobContentPopup()" visible="false" includeInLayout="false" />
<s:Image id="dontShowJobContent" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noCommandFileTooltip')}"/>
<s:Label text="{resourceManager.getString('messages', 'dzGroupIdLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="dzGroup" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobLogFileLabel')}" width="105"/>
<s:TextInput id="jobLogFile" top="5" editable="false" width="95"/>
<s:Image id="showJobLog" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
buttonMode="true" click="showJobLogPopup()" visible="false" includeInLayout="false"/>
<s:Image id="dontShowJobLog" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noLogFileTooltip')}" />
<s:Label text="{resourceManager.getString('messages', 'jobRestartableLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="restartable" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobPreviousDurationLabel')}" width="105"/>
<s:TextInput id="prevDuration" top="5" editable="false" width="95"/>
<s:Image id="showJobBuff" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
buttonMode="true" click="showJobBuffPopup()" top="0"/>
<s:Label text="{resourceManager.getString('messages', 'jobParameterLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="paramValue" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobDiffDurationLabel')}" width="105"/>
<s:TextInput id="diffDuration" top="5" editable="false" width="95"/>
<s:Label text="{resourceManager.getString('messages', 'jobArgsLabel')}" width="65"/>
<s:TextInput id="argValues" top="5" editable="false" width="140"/>
<s:Button y="-27" right="290" label="{resourceManager.getString('messages', 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobHandlerUriLabel')}" width="105" />
<s:TextInput id="handlerURI" top="5" editable="false" width="300"/>
</s:HGroup>
</s:VGroup>
</s:HGroup>
</s:NavigatorContent>
</mx:ViewStack>
</s:VGroup>
</s:Application>
Thanks,
Serkan
Re: Layout advises
Posted by Serkan Taş <se...@likyateknoloji.com>.
I guess it is not only related with the images but with layout in general.
19.03.2020 19:19 tarihinde Alex Harui yazdı:
>
> Not sure. Spark Image looks like it is dispatching the right event,
> so someone has to debug the layouts and figure out why.
>
> To try a workaround, if you know the height of the image, set the
> height on the Image tag.
>
> -Alex
>
> *From: *Serkan Taş <se...@likyateknoloji.com>
> *Reply-To: *"users@royale.apache.org" <us...@royale.apache.org>
> *Date: *Thursday, March 19, 2020 at 9:12 AM
> *To: *"users@royale.apache.org" <us...@royale.apache.org>
> *Subject: *Re: Layout advises
>
> How can i fix ?
>
> Android için Outlook
> <https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Faka.ms%2Fghei36&data=02%7C01%7Caharui%40adobe.com%7Cba20634e27704bd867da08d7cc206020%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202311747338071&sdata=z5Q1frjC01y%2BE9zO21F9K0TYm%2B4zjW0zxY1Br%2FqTWzc%3D&reserved=0>'u
> edinin
>
>
>
> On Thu, Mar 19, 2020 at 6:34 PM +0300, "Alex Harui" <aharui@adobe.com
> <ma...@adobe.com>> wrote:
>
> Probably s:Image needs to force a layout of the parent.
>
> *From: *Serkan Taş <se...@likyateknoloji.com>
> *Reply-To: *"users@royale.apache.org" <us...@royale.apache.org>
> *Date: *Thursday, March 19, 2020 at 5:58 AM
> *To: *"users@royale.apache.org" <us...@royale.apache.org>
> *Subject: *Layout advises
>
> Hi,
>
> I have flex layout like :
>
>
>
>
> but getting this for Royale Emulation
>
>
>
> What am i missing ?
>
> Or is have a better way to have this view ?
>
> Here is the source :
>
> <?xml version="1.0" encoding="latin5" ?>
>
> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
> <https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7Cba20634e27704bd867da08d7cc206020%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202311747338071&sdata=S12kpjjaLOuX8CIXyFqRLYV8cv1NOsWXUBUQS7nR1Lg%3D&reserved=0>
> xmlns:s="library://ns.apache.org/royale/spark"
> xmlns:mx="library://ns.apache.org/royale/mx"
> height="600" width="800">
>
> <fx:Metadata>
> [ResourceBundle("messages")]
> </fx:Metadata>
>
> <fx:Script>
> <![CDATA[
>
> private function setTabEnabled(index:int,
> enabled:Boolean):void {
> }
>
> private function showArgValuePopup():void {
> }
>
> private function showJobContentPopup():void {
> }
>
> private function showJobLogPopup():void {
> }
>
> private function showJobBuffPopup():void {
> }
>
> private function showGenericPopup(fileTag:String):void {
> }
>
> ]]>
> </fx:Script>
>
> <s:VGroup paddingTop="5">
> <!-- Create a Spark ButtonBar control to navigate
> the ViewStack container. -->
> <s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
>
> <!-- Define the ViewStack and the three child containers. -->
> <mx:ViewStack id="myViewStack"
> borderStyle="solid"
> width="100%" height="160">
>
> <s:NavigatorContent id="search"
> label="{resourceManager.getString('messages',
> 'jobBaseInfoTabLabel')}">
> <s:HGroup width="100%" >
>
> <s:VGroup paddingLeft="5" paddingRight="5"
> gap="-10" width="100%">
>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages', 'jobCommandText')}"
> width="105"/>
> <s:TextInput id="jobCommand" top="5"
> editable="false" width="95"/>
> <s:Image id="showJobContent"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages',
> 'commandFileTooltip')}"
> buttonMode="true"
> click="showJobContentPopup()" visible="false"
> includeInLayout="false" />
> <s:Image id="dontShowJobContent"
> source="{ImageContainer.getLogImage(1)}"
> toolTip="{resourceManager.getString('messages',
> 'noCommandFileTooltip')}"/>
> <s:Label
> text="{resourceManager.getString('messages', 'dzGroupIdLabel')}"
> width="105" paddingLeft="10" />
> <s:TextInput id="dzGroup" top="5"
> editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages', 'jobLogFileLabel')}"
> width="105"/>
> <s:TextInput id="jobLogFile" top="5"
> editable="false" width="95"/>
> <s:Image id="showJobLog"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
> buttonMode="true"
> click="showJobLogPopup()" visible="false" includeInLayout="false"/>
> <s:Image id="dontShowJobLog"
> source="{ImageContainer.getLogImage(1)}"
> toolTip="{resourceManager.getString('messages',
> 'noLogFileTooltip')}" />
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobRestartableLabel')}" width="105" paddingLeft="10" />
> <s:TextInput id="restartable" top="5"
> editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="middle"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobPreviousDurationLabel')}" width="105"/>
> <s:TextInput id="prevDuration" top="5"
> editable="false" width="95"/>
> <s:Image id="showJobBuff"
> source="{ImageContainer.getLogImage(0)}"
> toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
> buttonMode="true"
> click="showJobBuffPopup()" top="0"/>
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobParameterLabel')}" width="105" paddingLeft="10" />
> <s:TextInput id="paramValue" top="5"
> editable="false"/>
> </s:HGroup>
> <s:HGroup verticalAlign="baseline"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobDiffDurationLabel')}" width="105"/>
> <s:TextInput id="diffDuration" top="5"
> editable="false" width="95"/>
> <s:Label
> text="{resourceManager.getString('messages', 'jobArgsLabel')}"
> width="65"/>
> <s:TextInput id="argValues" top="5"
> editable="false" width="140"/>
> <s:Button y="-27" right="290"
> label="{resourceManager.getString('messages',
> 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
> </s:HGroup>
>
> <s:HGroup verticalAlign="baseline"
> paddingTop="15">
> <s:Label
> text="{resourceManager.getString('messages',
> 'jobHandlerUriLabel')}" width="105" />
> <s:TextInput id="handlerURI" top="5"
> editable="false" width="300"/>
> </s:HGroup>
>
> </s:VGroup>
>
> </s:HGroup>
> </s:NavigatorContent>
>
> </mx:ViewStack>
>
> </s:VGroup>
> </s:Application>
>
> Thanks,
> Serkan
>
>
Re: Layout advises
Posted by Alex Harui <ah...@adobe.com>.
Not sure. Spark Image looks like it is dispatching the right event, so someone has to debug the layouts and figure out why.
To try a workaround, if you know the height of the image, set the height on the Image tag.
-Alex
From: Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org" <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 9:12 AM
To: "users@royale.apache.org" <us...@royale.apache.org>
Subject: Re: Layout advises
How can i fix ?
Android için Outlook<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Faka.ms%2Fghei36&data=02%7C01%7Caharui%40adobe.com%7Cba20634e27704bd867da08d7cc206020%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202311747338071&sdata=z5Q1frjC01y%2BE9zO21F9K0TYm%2B4zjW0zxY1Br%2FqTWzc%3D&reserved=0>'u edinin
On Thu, Mar 19, 2020 at 6:34 PM +0300, "Alex Harui" <ah...@adobe.com>> wrote:
Probably s:Image needs to force a layout of the parent.
From: Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org" <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 5:58 AM
To: "users@royale.apache.org" <us...@royale.apache.org>
Subject: Layout advises
Hi,
I have flex layout like :
[cid:image001.png@01D5FDCF.7A9154A0]
but getting this for Royale Emulation
[cid:image002.png@01D5FDCF.7A9154A0]
What am i missing ?
Or is have a better way to have this view ?
Here is the source :
<?xml version="1.0" encoding="latin5" ?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7Cba20634e27704bd867da08d7cc206020%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202311747338071&sdata=S12kpjjaLOuX8CIXyFqRLYV8cv1NOsWXUBUQS7nR1Lg%3D&reserved=0>
xmlns:s="library://ns.apache.org/royale/spark"
xmlns:mx="library://ns.apache.org/royale/mx"
height="600" width="800">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private function setTabEnabled(index:int, enabled:Boolean):void {
}
private function showArgValuePopup():void {
}
private function showJobContentPopup():void {
}
private function showJobLogPopup():void {
}
private function showJobBuffPopup():void {
}
private function showGenericPopup(fileTag:String):void {
}
]]>
</fx:Script>
<s:VGroup paddingTop="5">
<!-- Create a Spark ButtonBar control to navigate
the ViewStack container. -->
<s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
<!-- Define the ViewStack and the three child containers. -->
<mx:ViewStack id="myViewStack"
borderStyle="solid"
width="100%" height="160">
<s:NavigatorContent id="search" label="{resourceManager.getString('messages', 'jobBaseInfoTabLabel')}">
<s:HGroup width="100%" >
<s:VGroup paddingLeft="5" paddingRight="5" gap="-10" width="100%">
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobCommandText')}" width="105"/>
<s:TextInput id="jobCommand" top="5" editable="false" width="95"/>
<s:Image id="showJobContent" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'commandFileTooltip')}"
buttonMode="true" click="showJobContentPopup()" visible="false" includeInLayout="false" />
<s:Image id="dontShowJobContent" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noCommandFileTooltip')}"/>
<s:Label text="{resourceManager.getString('messages', 'dzGroupIdLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="dzGroup" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobLogFileLabel')}" width="105"/>
<s:TextInput id="jobLogFile" top="5" editable="false" width="95"/>
<s:Image id="showJobLog" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
buttonMode="true" click="showJobLogPopup()" visible="false" includeInLayout="false"/>
<s:Image id="dontShowJobLog" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noLogFileTooltip')}" />
<s:Label text="{resourceManager.getString('messages', 'jobRestartableLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="restartable" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobPreviousDurationLabel')}" width="105"/>
<s:TextInput id="prevDuration" top="5" editable="false" width="95"/>
<s:Image id="showJobBuff" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
buttonMode="true" click="showJobBuffPopup()" top="0"/>
<s:Label text="{resourceManager.getString('messages', 'jobParameterLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="paramValue" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobDiffDurationLabel')}" width="105"/>
<s:TextInput id="diffDuration" top="5" editable="false" width="95"/>
<s:Label text="{resourceManager.getString('messages', 'jobArgsLabel')}" width="65"/>
<s:TextInput id="argValues" top="5" editable="false" width="140"/>
<s:Button y="-27" right="290" label="{resourceManager.getString('messages', 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobHandlerUriLabel')}" width="105" />
<s:TextInput id="handlerURI" top="5" editable="false" width="300"/>
</s:HGroup>
</s:VGroup>
</s:HGroup>
</s:NavigatorContent>
</mx:ViewStack>
</s:VGroup>
</s:Application>
Thanks,
Serkan
Re: Layout advises
Posted by Serkan Taş <se...@likyateknoloji.com>.
How can i fix ?
Android için Outlook'u edinin
On Thu, Mar 19, 2020 at 6:34 PM +0300, "Alex Harui" <ah...@adobe.com> wrote:
Probably s:Image needs to force a layout of the parent.
From:
Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org" <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 5:58 AM
To: "users@royale.apache.org" <us...@royale.apache.org>
Subject: Layout advises
Hi,
I have flex layout like :
but getting this for Royale Emulation
What am i missing ?
Or is have a better way to have this view ?
Here is the source :
<?xml version="1.0" encoding="latin5" ?>
<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"
height="600" width="800">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private function setTabEnabled(index:int, enabled:Boolean):void {
}
private function showArgValuePopup():void {
}
private function showJobContentPopup():void {
}
private function showJobLogPopup():void {
}
private function showJobBuffPopup():void {
}
private function showGenericPopup(fileTag:String):void {
}
]]>
</fx:Script>
<s:VGroup paddingTop="5">
<!-- Create a Spark ButtonBar control to navigate
the ViewStack container. -->
<s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
<!-- Define the ViewStack and the three child containers. -->
<mx:ViewStack id="myViewStack"
borderStyle="solid"
width="100%" height="160">
<s:NavigatorContent id="search" label="{resourceManager.getString('messages', 'jobBaseInfoTabLabel')}">
<s:HGroup width="100%" >
<s:VGroup paddingLeft="5" paddingRight="5" gap="-10" width="100%">
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobCommandText')}" width="105"/>
<s:TextInput id="jobCommand" top="5" editable="false" width="95"/>
<s:Image id="showJobContent" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'commandFileTooltip')}"
buttonMode="true" click="showJobContentPopup()" visible="false" includeInLayout="false" />
<s:Image id="dontShowJobContent" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noCommandFileTooltip')}"/>
<s:Label text="{resourceManager.getString('messages', 'dzGroupIdLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="dzGroup" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobLogFileLabel')}" width="105"/>
<s:TextInput id="jobLogFile" top="5" editable="false" width="95"/>
<s:Image id="showJobLog" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
buttonMode="true" click="showJobLogPopup()" visible="false" includeInLayout="false"/>
<s:Image id="dontShowJobLog" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noLogFileTooltip')}" />
<s:Label text="{resourceManager.getString('messages', 'jobRestartableLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="restartable" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobPreviousDurationLabel')}" width="105"/>
<s:TextInput id="prevDuration" top="5" editable="false" width="95"/>
<s:Image id="showJobBuff" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
buttonMode="true" click="showJobBuffPopup()" top="0"/>
<s:Label text="{resourceManager.getString('messages', 'jobParameterLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="paramValue" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobDiffDurationLabel')}" width="105"/>
<s:TextInput id="diffDuration" top="5" editable="false" width="95"/>
<s:Label text="{resourceManager.getString('messages', 'jobArgsLabel')}" width="65"/>
<s:TextInput id="argValues" top="5" editable="false" width="140"/>
<s:Button y="-27" right="290" label="{resourceManager.getString('messages', 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobHandlerUriLabel')}" width="105" />
<s:TextInput id="handlerURI" top="5" editable="false" width="300"/>
</s:HGroup>
</s:VGroup>
</s:HGroup>
</s:NavigatorContent>
</mx:ViewStack>
</s:VGroup>
</s:Application>
Thanks,
Serkan
Re: Layout advises
Posted by Alex Harui <ah...@adobe.com>.
Probably s:Image needs to force a layout of the parent.
From: Serkan Taş <se...@likyateknoloji.com>
Reply-To: "users@royale.apache.org" <us...@royale.apache.org>
Date: Thursday, March 19, 2020 at 5:58 AM
To: "users@royale.apache.org" <us...@royale.apache.org>
Subject: Layout advises
Hi,
I have flex layout like :
[cid:image001.png@01D5FDC9.20761100]
but getting this for Royale Emulation
[cid:image002.png@01D5FDC9.20761100]
What am i missing ?
Or is have a better way to have this view ?
Here is the source :
<?xml version="1.0" encoding="latin5" ?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"<https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fns.adobe.com%2Fmxml%2F2009&data=02%7C01%7Caharui%40adobe.com%7C02486190d39c45438e9208d7cc054193%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637202195306868301&sdata=pefo%2BzlRhmKgoHfVfEtfU%2Bdqpw65uZ1lZGAxdlrIRpI%3D&reserved=0>
xmlns:s="library://ns.apache.org/royale/spark"
xmlns:mx="library://ns.apache.org/royale/mx"
height="600" width="800">
<fx:Metadata>
[ResourceBundle("messages")]
</fx:Metadata>
<fx:Script>
<![CDATA[
private function setTabEnabled(index:int, enabled:Boolean):void {
}
private function showArgValuePopup():void {
}
private function showJobContentPopup():void {
}
private function showJobLogPopup():void {
}
private function showJobBuffPopup():void {
}
private function showGenericPopup(fileTag:String):void {
}
]]>
</fx:Script>
<s:VGroup paddingTop="5">
<!-- Create a Spark ButtonBar control to navigate
the ViewStack container. -->
<s:TabBar id="tabNavigator" dataProvider="{myViewStack}"/>
<!-- Define the ViewStack and the three child containers. -->
<mx:ViewStack id="myViewStack"
borderStyle="solid"
width="100%" height="160">
<s:NavigatorContent id="search" label="{resourceManager.getString('messages', 'jobBaseInfoTabLabel')}">
<s:HGroup width="100%" >
<s:VGroup paddingLeft="5" paddingRight="5" gap="-10" width="100%">
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobCommandText')}" width="105"/>
<s:TextInput id="jobCommand" top="5" editable="false" width="95"/>
<s:Image id="showJobContent" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'commandFileTooltip')}"
buttonMode="true" click="showJobContentPopup()" visible="false" includeInLayout="false" />
<s:Image id="dontShowJobContent" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noCommandFileTooltip')}"/>
<s:Label text="{resourceManager.getString('messages', 'dzGroupIdLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="dzGroup" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobLogFileLabel')}" width="105"/>
<s:TextInput id="jobLogFile" top="5" editable="false" width="95"/>
<s:Image id="showJobLog" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'logFileTooltip')}"
buttonMode="true" click="showJobLogPopup()" visible="false" includeInLayout="false"/>
<s:Image id="dontShowJobLog" source="{ImageContainer.getLogImage(1)}" toolTip="{resourceManager.getString('messages', 'noLogFileTooltip')}" />
<s:Label text="{resourceManager.getString('messages', 'jobRestartableLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="restartable" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="middle" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobPreviousDurationLabel')}" width="105"/>
<s:TextInput id="prevDuration" top="5" editable="false" width="95"/>
<s:Image id="showJobBuff" source="{ImageContainer.getLogImage(0)}" toolTip="{resourceManager.getString('messages', 'errBuffTooltip')}"
buttonMode="true" click="showJobBuffPopup()" top="0"/>
<s:Label text="{resourceManager.getString('messages', 'jobParameterLabel')}" width="105" paddingLeft="10" />
<s:TextInput id="paramValue" top="5" editable="false"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobDiffDurationLabel')}" width="105"/>
<s:TextInput id="diffDuration" top="5" editable="false" width="95"/>
<s:Label text="{resourceManager.getString('messages', 'jobArgsLabel')}" width="65"/>
<s:TextInput id="argValues" top="5" editable="false" width="140"/>
<s:Button y="-27" right="290" label="{resourceManager.getString('messages', 'jobEditButtonLabel')}" click="showArgValuePopup()" width="50"/>
</s:HGroup>
<s:HGroup verticalAlign="baseline" paddingTop="15">
<s:Label text="{resourceManager.getString('messages', 'jobHandlerUriLabel')}" width="105" />
<s:TextInput id="handlerURI" top="5" editable="false" width="300"/>
</s:HGroup>
</s:VGroup>
</s:HGroup>
</s:NavigatorContent>
</mx:ViewStack>
</s:VGroup>
</s:Application>
Thanks,
Serkan