Hi Maria, Flex was richer and heavier, and had lots of features built in just in case someone might need them. In Royale we stress a Pay As You Go philosophy which means your application should contain less code that you are not using. This means there will be less events and attributes out of the box. If you are porting a Flex application or are just looking for a more Flex like experience you might want to take look at the Royale mx/spark components. Most of the APIs you mentioned should work there out of the box.
If you want to write a new application using Jewel then you’ll have to work a bit differently. So regarding events: ‘enter’ is not implemented, ‘show’ and ‘hide’ are, and ‘creationComplete’ can probably be replaced with ‘initComplete’ if it’s a container. We don’t have FlexMouseEvent.MOUSE_DOWN_OUTSIDE, but you can take a look at this bead [1] to understand how you can implement this behavior in your app. The horizontal layout issue I’m not sure about, maybe Carlos has an idea. You could also try inspecting the css to see why it’s not working and file a bug. Hope this helps, Yishay [1] https://github.com/apache/royale-asjs/blob/develop/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/beads/HideComboPopupOnMouseDownBead.as From: Maria Jose Esteve<mailto:mjest...@iest.com> Sent: Sunday, January 12, 2020 9:19 PM To: users@royale.apache.org<mailto:users@royale.apache.org> Subject: Event and positioning list jewel Hi, as many of us come from Flex and I'm used to using events like "enter" "show" "hide" "creationcomplete" ... I am working with the jewel components, which I love, but it is difficult for me to understand the new way of working, with Royale (beads, strand ...) For example, I have a List that I open when I click on an image and the I want to close if you click "outside" but I can't get it ... I only manage to close it if I select an item. Another problem I have is that I cannot position the list "above the button, it is always positioned vertically centered, maybe it has to do with what is inside the FooterBar ... can you give me a hand? Some catch: a) General display: [cid:image001.png@01D5C985.0BF003D0] b) For you to see the elements in the list I have established a horizontal layout: <j:BarSection itemsHorizontalAlign="itemsLeft"> <j:HGroup gap="20" visible="true" visible.error="false" visible.init="false" visible.exit="false" visible.noinit="false"> <j:List id="dropDownList_LanManager" visible="false" style="color: #00000;" itemRenderer="ImageDopDownItemRenderer" dataProvider="{langModel.list}" labelField="label" change="lanManager_change(event)" > <j:beads> <j:HorizontalLayout itemsExpand="true" /> <!-- <j:RequireSelection requireSelection="true"/>--> </j:beads> </j:List> <j:Image id="langImage" visible="true" click="lanImage_Click(event)"/> </j:HGroup> </j:BarSection> [cid:image002.png@01D5C985.0BF003D0] c) This is displayed with the vertical layout: (observe that it is cut in the 4th item) [cid:image003.png@01D5C985.71C18940] Any help will be welcome. Thank you very much to all. Hiedra.
