I used position:absolute on everything since pixel-level control was
required for resizing. The only real difference between the SWF code and
the JS code is that the JS code adds "position:absolute" to every
immediate child of the DividedBoxes. I tried this out with several
different types of children, and it worked for having a DataGrid as a
child which is one of the most complex components we have.

There are several ways to write the JS side but since getting it work on
the Flash Player without inventing a complete CSS effects or Flexbox
package was a huge task, I opted to just make the AS code that worked in
the Flash Player work in the browser. One could use Flexbox or CSS Grid to
do a similar job along with CSS effects to do the interactive resizing. In
my head I pictured that effort to probably require a completely divergent
code tree. Its certainly something to look into for the future.


On 2/14/18, 8:59 AM, "Piotr Zarzycki" <piotrzarzyck...@gmail.com> wrote:

>Hi Peter,
>How did you build rows/columns in HTML ?
>2018-02-14 14:56 GMT+01:00 Peter Ent <p...@adobe.com.invalid>:
>> Hi,
>> I've just pushed a new feature branch: "feature/DividedBox" that
>> a new set of Basic components: HDividedBox and VDividedBox. There is
>> an example to go along with them: examples/royale/DividedBoxExample.
>> I've kept this as a feature branch so you can evaluate it and I'll put
>> into develop tomorrow or so depending on feedback. There are about 15
>> classes/interfaces in total that make up this component set.
>> The DividedBox classes should mimic the DividedBox components found in
>> Flex. HDividedBox places its children into columns while VDividedBox
>> its children into rows. The children are separated with dividers
>> grippers. You can drag the dividers to resize the children on either
>> Regards,
>> Peter Ent
>> Adobe Systems/Apache Royale Project
>Piotr Zarzycki

Reply via email to