Thanks for the feedback! As I go through the examples, I see that we (mostly me) created a number of nested elements, such as a <div><button></div> for an item renderer. That makes it more difficult to lay out since the content of the div is not always set to fill the div's space. I think each of the components and renderers need to be examined and updated.
—peter On 3/7/17, 10:04 AM, "carlos.rov...@gmail.com on behalf of Carlos Rovira" <carlos.rov...@gmail.com on behalf of carlos.rov...@codeoscopic.com> wrote: >Hi Peter, I think this awesome. get rid of the hardcoded styles in >component classes is such important thing and first point not only in your >effort of create a good layout strategy, but an important previous step if >we want to implement theming in FlexJS. > >Great! :D > >Carlos > > >2017-03-07 14:23 GMT+01:00 Peter Ent <p...@adobe.com>: > >> This is the theory, yes. A way to do your own thing using AS and MXML to >> construct the app which then generates the right amount of HTML >>structure, >> making it easier to style. Or use pre-built constructions and layouts as >> templates that also generate the right amount of HTML structure. >> >> I'm thinking that Panel would be a good case for a composite component >>and >> maybe even move it into Express. In theory, you can compose a Panel >>from: >> >> <Group> with VerticalFlexLayout >> <Group> with Horizontal Flex Layout for the Title Bar >> <Container> to provide scrollable area >> <Group> with Horizontal Flex Layout for the Control Bar >> </Group> >> >> We'll see how this goes. >> ‹peter >> >> On 3/6/17, 5:02 PM, "Alex Harui" <aha...@adobe.com> wrote: >> >> > >> > >> >On 3/6/17, 1:26 PM, "piotrz" <piotrzarzyck...@gmail.com> wrote: >> > >> >>Hi Peter, >> >> >> >>It looks awesome. Cause if I'm enough skilled in CSS I can do whatever >> >>layout I want and I don't need to know any other one. - In theory. :) >> > >> >True, but like with everything else in FlexJS, we are trying to >> >encapsulate common patterns and make them easier to use. >> > >> >So for example if you have 3 children in a container and want to make >>the >> >first one stretchy, you might have to write: >> > >> ><Group style="display:flex" /> >> > <Label style="flex-grow: 2" /> >> > <Button style="flex-grow: 1" /> >> > <Button style="flex-grow: 1" /> >> ></Group> >> > >> >Whereas with a layout you could write: >> ><Group> >> > <beads> >> > <FirstFlexibleChildLayout /> >> > </beads> >> ></Group> >> > >> >That way you don't have to remember the names of the styles or look up >>how >> >to do it. >> > >> >Hopefully our Layouts will essentially do just that once Peter's done >>with >> >this refactor. >> > >> >Of course, I could be wrong... >> >-Alex >> > >> >> > > >-- > >Carlos Rovira >Director General >M: +34 607 22 60 05 >http://www.codeoscopic.com >http://www.avant2.es > >Este mensaje se dirige exclusivamente a su destinatario y puede contener >información privilegiada o confidencial. Si ha recibido este mensaje por >error, le rogamos que nos lo comunique inmediatamente por esta misma vía y >proceda a su destrucción. > >De la vigente Ley Orgánica de Protección de Datos (15/1999), le >comunicamos >que sus datos forman parte de un fichero cuyo responsable es CODEOSCOPIC >S.A. La finalidad de dicho tratamiento es facilitar la prestación del >servicio o información solicitados, teniendo usted derecho de acceso, >rectificación, cancelación y oposición de sus datos dirigiéndose a >nuestras >oficinas c/ Paseo de la Habana 9-11, 28036, Madrid con la documentación >necesaria.