Probably s:Image needs to force a layout of the parent.

From: Serkan Taş <[email protected]>
Reply-To: "[email protected]" <[email protected]>
Date: Thursday, March 19, 2020 at 5:58 AM
To: "[email protected]" <[email protected]>
Subject: Layout advises

Hi,

I have flex layout like :


[cid:[email protected]]

but getting this for Royale Emulation

[cid:[email protected]]

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

Reply via email to