Carlos, are you looking for a general solution or is this specifically about gap?
Gap is not a CSS style. Flex introduced it. I believe the CSS equivalent is to set margins on all children of a container. Why not just use margins? Thoughts? -Alex On 3/30/18, 9:51 AM, "[email protected] on behalf of Carlos Rovira" <[email protected] on behalf of [email protected]> wrote: >If I use a ViewBead to solve this, and make this: > >titleBar = new TitleBar(); > titleBar.addBead(new HorizontalLayoutSpaceBetween()); > >although this works ok, maybe it's not the best since there's another >ILayoutBead left with no use. >Should I make a removeBead of the one already was assigned by CSS? >If yes, how I can remove it? (some sample code will be appreciate) > >thanks > > >2018-03-30 14:57 GMT+02:00 Carlos Rovira <[email protected]>: > >> Hi Piotr, >> >> is not the real class ;), just want to write a quick example, change >>that >> for a real layout class (whatever) >> >> 2018-03-30 13:36 GMT+02:00 Piotr Zarzycki <[email protected]>: >> >>> Hi Carlos, >>> >>> But " verticallayout" - This is AS class ? >>> >>> >>> >>> 2018-03-30 13:19 GMT+02:00 Carlos Rovira <[email protected]>: >>> >>> > Another problem I found with layouts usability: >>> > >>> > If I have a component that uses by default an horizontal layout: >>> > >>> > ControlBar >>> > { >>> > IBeadLayout: Classreference ("horizontallayout"); >>> > } >>> > >>> > But this component is used in other component that wants to use >>>another >>> > layout (i.e vertical) >>> > >>> > I tried this: >>> > >>> > .alert j|ControlBar >>> > { >>> > IBeadLayout: Classreference ("verticallayout"); >>> > } >>> > >>> > and this: >>> > >>> > j|Alert j|ControlBar >>> > { >>> > IBeadLayout: Classreference ("verticallayout"); >>> > } >>> > >>> > but both options are not valid >>> > >>> > Some other way to do this? or this is not possible? >>> > >>> > >>> > 2018-03-30 12:42 GMT+02:00 Carlos Rovira <[email protected]>: >>> > >>> > > Hi >>> > > >>> > > I'm finding a usability problem with layouts. Since Layouts use to >>>be >>> > > configured via CSS (IBeadLayout), this works ok for basic layouts >>> without >>> > > properties, but if you have for example a "gap" property like in >>> > > HorizontalLayoutWithPaddingAndGap, this layout is not usable vía >>>CSS >>> > > since you can't set the "gap" attribute. >>> > > >>> > > So how can we overcome this issue? >>> > > >>> > > Maybe If we could write: >>> > > >>> > > SomeComponent >>> > > { >>> > > IBeadLayout: Classreference ("some.layout.with.properties. >>> > > that.need.to.be.set"); >>> > > gap: 10px; >>> > > } >>> > > >>> > > And gap will be read by the layout... >>> > > >>> > > if not any layout with properties will be limited to use via MXML >>> > > >>> > > Maybe I missing some other way to do this? >>> > > >>> > > -- >>> > > Carlos Rovira >>> > > >>>https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me >>>%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57f54bacdfa4 >>>08d5965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63658025499754 >>>2448&sdata=tTkfzUIHWdklaYJeEM3MqTYeiU3hkv4SPRTHDOp1jTQ%3D&reserved=0 >>> > > >>> > > >>> > >>> > >>> > -- >>> > Carlos Rovira >>> > >>>https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me >>>%2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57f54bacdfa4 >>>08d5965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63658025499754 >>>2448&sdata=tTkfzUIHWdklaYJeEM3MqTYeiU3hkv4SPRTHDOp1jTQ%3D&reserved=0 >>> > >>> >>> >>> >>> -- >>> >>> Piotr Zarzycki >>> >>> Patreon: >>>*https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pa >>>treon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57 >>>f54bacdfa408d5965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365 >>>80254997542448&sdata=M28nPMMFQUG3whBAJwbqIaRwpNUBl6TkIqRPvBcx2Hs%3D&rese >>>rved=0 >>> >>><https://na01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.pa >>>treon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57 >>>f54bacdfa408d5965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C6365 >>>80254997542448&sdata=M28nPMMFQUG3whBAJwbqIaRwpNUBl6TkIqRPvBcx2Hs%3D&rese >>>rved=0>* >>> >> >> >> >> -- >> Carlos Rovira >> >>https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me% >>2Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57f54bacdfa408 >>d5965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C63658025499754244 >>8&sdata=tTkfzUIHWdklaYJeEM3MqTYeiU3hkv4SPRTHDOp1jTQ%3D&reserved=0 >> >> > > >-- >Carlos Rovira >https://na01.safelinks.protection.outlook.com/?url=http%3A%2F%2Fabout.me%2 >Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com%7C30e8d54e57f54bacdfa408d5 >965e80b2%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636580254997542448&s >data=tTkfzUIHWdklaYJeEM3MqTYeiU3hkv4SPRTHDOp1jTQ%3D&reserved=0
