royale-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Peter Ent <p...@adobe.com.INVALID>
Subject Re: Layouts and its properties to be set via CSS
Date Fri, 30 Mar 2018 14:24:52 GMT
"IBeadLayout" and friends are not real CSS style properties which means we
can have our own properties. The HorizontalLayoutWithPaddingAndGap should
try to use ValuesManager and get its gap and padding values from the
style(s) associated with the strand component.

SomeComponent {
    IBeadLayout: 
ClassReference("org.apache.royale.html.beads.layouts.HorizontalLayoutWithGa
pAndPadding");
    gap: 10px;
    padding: 8px;
}

That should work assuming the layout looks for those if its properties are
not set.
‹peter

On 3/30/18, 6:42 AM, "carlos.rovira@gmail.com on behalf of Carlos Rovira"
<carlos.rovira@gmail.com on behalf of carlosrovira@apache.org> wrote:

>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%2
>Fcarlosrovira&data=02%7C01%7Cpent%40adobe.com%7C947a4da3ad454e41b5a308d596
>2b0765%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0%7C636580033926916536&sda
>ta=%2F6sMPKv420V%2BMUL1M7eiFVFN8YdOwdbugU%2B5PJDwde4%3D&reserved=0


Mime
View raw message