On 3/18/20, 3:12 AM, "Carlos Rovira" <[email protected]> wrote:
Hi Alex,
I'm experimenting for this concrete case with a calc(% - px) formula that
could work. don't like it so much since it means is something very "JS"
coupled but it should maintain responsiveness. Crossing fingers :)
IMO, there is something already "very JS" in the code. You are using
display="flex" instead of running a layout pass on each container and child.
Which is the right thing to do, IMO, but has implications. If your calc idea
doesn't work out, I wonder what would happen if you simply translated
percentWidth on the columns to flexGrow or whatever attributes give relative
sizes to the children in a flexbox.
-Alex
El mié., 18 mar. 2020 a las 3:44, Alex Harui (<[email protected]>)
escribió:
>
>
> On 3/17/20, 5:14 PM, "Carlos Rovira" <[email protected]> wrote:
>
> Hi Alex,
>
> I'll try to see how things are done in MXRoyale's ADG for columns.
> Really
> the problem right now is in that concrete case. I'm sure there's some
> way
> to do it but while I'm using flex box already as you suggest for many
> things, in this case I need to do calculations, since all is based on
> how
> users will configure the columns via mxml with a mix (or not) of
> pixels and
> percentages.
>
> And because you are using display="flex", not having the child columns
> also be CSS compliant with the width is probably causing the pain. That's
> what I saw with MXRoyale.
> You may be able to calculate the numbers, but then the columns will not be
> responsive as the "flex" container changes size. You will have to detect
> that and recompute.
>
> If you instead using the weighting system that "flex" children use, I
> think you will have less pain and more responsive-ness. Users might
gladly
> give up on the old Flex percentWidth overloading in favor of the weighting
> system to get that responsiveness.
>
> My 2 cents,
> -Alex
>
>
>
--
Carlos Rovira
https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7Cc089fb86c6e9419f5a5d08d7cb24d510%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C637201231364732539&sdata=sl2FCZYFAeC9gGjhlZIK1TMTkxQCtsUjJgmqIOS0xWo%3D&reserved=0
