FlexJS makes it way too hard to solve simple layout challenges.

1. I have an application with a bunch of buttons. I want to buttons to take up 
the width of the view with a 5 px margin on each side. In classic Flex, this 
was easy. You’d just specify right=“5” left=“5”, and you’re done. In FlexJS, 
despite struggling with this for HOURS, I cannot get it to work correctly.

2. The application is resizable both in width and in height. I would like for 
the buttons to be at the top of the app with a 5 px space between them. I was 
able to get this effect by adding marginTop property to the css. The problem is 
that this only works (sort of) with VerticalLayout. See below:

3. The rest of the space below the buttons should be occupied by a 
MultilineLabel. The width should be the same as the buttons, and the height 
should be the remaining space. Again; in classic Flex, as long as you knew, the 
total height of the elements above, you could just specify top and bottom 
values, and you’re done. In FlexJS, with no layout I could find, would top and 
bottom values have any effect. OneFlexibleChildVerticalLayout seems to do close 
to what I want, but it messes up the margins of the buttons.

Despite wanting to keep FlexJS lean, we really need to make it easy for 
application developers to use it, or folks will give up before they start...

Harbs

Reply via email to