[GitHub] [royale-asjs] carlosrovira commented on issue #483: Adding bead break child vertical position (attached file to reproduce)

[GitBox <gi...@apache.org>]

carlosrovira commented on issue #483: Adding bead <j:HorizontalCenteredLayout/> break child vertical position (attached file to reproduce)
URL: https://github.com/apache/royale-asjs/issues/483#issuecomment-536038157
 
 
   Hi,
   
   you're mixing Basic and Jewel components and that can generate unwanted or unexpected results.
   Here the main problem is that Js:View (Basic View) is adding some styles on its own while that doesn't play well with Jewel Group.
   
   Here's a version with all changed to Jewel
   
   ```
   <j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                  xmlns:js="library://ns.apache.org/royale/basic" 
                  xmlns:j="library://ns.apache.org/royale/jewel" >
   
       <j:valuesImpl>
           <js:SimpleCSSValuesImpl />
       </j:valuesImpl>
       
       <j:beads>
           <js:ApplicationDataBinding />
       </j:beads>
   
       <j:initialView>
           <j:View>
               <j:Group>
                   <j:beads>
                       <j:HorizontalCenteredLayout gap="3"/>
                   </j:beads>
   
                   <j:Button width="100" height="100" text="B1" emphasis="primary"/>
                   <j:Button width="50" height="150" text="B2" emphasis="secondary"/>
                   <j:Button width="120" height="70" text="B3" emphasis="emphasized"/>
               </j:Group>
           </j:View>
       </j:initialView>
   </j:Application>
   ```
   
   The example produce this:
   
   ![Captura de pantalla 2019-09-27 a las 19 53 56](https://user-images.githubusercontent.com/1701640/65790798-a56ced00-e160-11e9-9f2b-e3ccee880a4d.png)
   
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
users@infra.apache.org


With regards,
Apache Git Services