flex-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From OmPrakash Muppirala <bigosma...@gmail.com>
Subject Re: [FlexJS, MDL] Layout Problems
Date Wed, 15 Feb 2017 20:06:02 GMT
I have been meaning to add a note asking folks to test out the
FlexTeamPage_MDL project

https://github.com/apache/flex-asjs/tree/develop/examples/flexjs/FlexTeamPage_MDL

Wherever I had layout issues, I simply created a container and gave it a
className and did all my layout using FlexBox.  That is something I can
live with.  Perhaps folks can just create re-usable VContainers or
HContainers like this:

VContainer:

<Container className="layout horizontalLayout">
</Container>

HContainer:

<Container className="layout verticalLayout">
</Container>

CSS:

.layout {
    display: flex;
}

.horizontalLayout {
    flex-direction: row
}

.verticalLayout {
    flex-direction: column
}


On Wed, Feb 15, 2017 at 11:50 AM, Carlos Rovira <carlosrovira@apache.org>
wrote:

> Hi,
>
> 2017-02-15 20:39 GMT+01:00 piotrz <piotrzarzycki21@gmail.com>:
>
> >
> > I could add it this code to default.css, but is it something which we
> > wanted
> > ?
> >
> >
> my guest is that we should upload this kind of css setups to a general SWC
> since it will impact others.
>
> I think we need more experience in how to layout MDL. we should create some
> js-non-flexjs examples ourselves to exercise how things are done in order
> to understand why things are behaving like this. Or see how people is doing
> searching on google.
>
> For example I started a new example MDLBlogExample to see where things are
> not working as expected. I found some problems, but mostly due to CSS
> errors that FlexJS still doesn't know how to handle. I left the example
> unfinished, but I should fill JIRA tickets for the CSS things I found.
>
>
>
> --
> Carlos Rovira
> http://about.me/carlosrovira
>

Mime
  • Unnamed multipart/alternative (inline, None, 0 bytes)
View raw message