Hi Soumya, Patternfly relies on Bootstrap grid system, which is based on floats.
Until we move to bootstrap 4 we will not have a flexbox grid. I'll probably have more info about when and how this upgrade is going to happen in the next few days. Thanks On Fri, Sep 23, 2016 at 7:08 AM, Soumya Deb <[email protected]> wrote: > FWIW, as a clarification, the Tendrl frontend team wanted to avoid > floating grids, and use flexbox based layouts. > It has nothing to do with the spec-non-solidified grid layout - that's out > of the picture. > > Our app is mostly targeted for modern browsers, although a clear boundary > hasn't been drawn yet (as Ju mentioned). > > We do want to use patternfly for all the features it brings, but not > having flexbox layouts are only concern against it. > > > On 22 September 2016 at 21:00, Ju Lim <[email protected]> wrote: > >> Thanks Andres for getting back to the Tendrl UI Dev team (CCed). The >> Tendrl team is still exploring different options, so your feedback is >> timely. >> >> Serena -- We don't know yet which browsers we'll support yet as the >> Tendrl Support Matrix is still being decided. We'll let you know once it >> gets known. >> >> Thanks again, >> Ju >> >> On Thu, Sep 22, 2016 at 8:15 AM, Andres Galante <[email protected]> >> wrote: >> >>> Hi Ju, >>> >>> I am sure the Tendrl is confused. >>> >>> Flexbox is a CSS property that provides the ability to arrange elements >>> in the page. [1] >>> >>> Grid layout, is a new spec, still a draft on the W3C and with almost no >>> adoption on browsers. [2] >>> >>> Semantic UI framework uses flexbox to build their grid system. Since >>> boostrap 3 was born before flexbox, then its grid its based on floats. >>> >>> Bootstrap 4 has an option to use flexbox and we will use it when we >>> migrate to 4 on the next steps of patternfly. As for when, I don't know, >>> but I'll have more info after this week. >>> >>> Its important to notice that BS4 is an alpha so anything can change. >>> >>> Can they use flexfox now? the answer of source its "it depends". Flexbox >>> support is pretty good at the moment but if they want to support older >>> browser the wont be able to use it [3] >>> >>> My recommendation is for them to use bootstrap grid system, its works >>> good with floats and when patternfly moves to Bootstrap 4 the migration of >>> the grid would be almost transparent. >>> >>> That is a good question though, we are living a huge change on layouts >>> with flexbox and CSS grid layout, exiting times for CSS and the web! >>> >>> [1] https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexibl >>> e_Box_Layout/Using_CSS_flexible_boxes >>> [2] https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout >>> [3] http://caniuse.com/#feat=flexbox >>> >>> >>> On Wed, Sep 21, 2016 at 3:46 PM, Serena Doyle <[email protected]> wrote: >>> >>>> Ju, >>>> >>>> Do you know what browsers RH Storage will be supporting ? >>>> >>>> Thanks, >>>> - Serena >>>> >>>> On Wed, Sep 21, 2016 at 2:18 PM, Ju Lim <[email protected]> wrote: >>>> >>>>> PF Team: >>>>> >>>>> The Tendrl (downstream product name is Red Hat Storage Console) >>>>> project UI Development team has a request to the PatternFly team to ask if >>>>> we've considered the including/implementing flexbox >>>>> <https://css-tricks.com/snippets/css/a-guide-to-flexbox/> (similar to >>>>> Semantic >>>>> UI <http://semantic-ui.com/introduction/getting-started.html>) instead >>>>> of using a grid layout. >>>>> >>>>> The reasons are as follow: >>>>> >>>>> - Flexbox is content driven model. It does not need to know the >>>>> content upfront. >>>>> - Contents can be redistributed >>>>> <https://drafts.csswg.org/css-flexbox/#order-accessibility>. >>>>> - Allow boxes to wrap >>>>> <https://drafts.csswg.org/css-flexbox/#flex-wrap-property> which >>>>> is really handy for responsive design. >>>>> >>>>> Alternatively, if there are other options that the PatternFly >>>>> community is considering, can you please provide some guidance and roadmap >>>>> for the feature (if possible). >>>>> >>>>> Thoughts? Please advise. >>>>> >>>>> Thank you, >>>>> Ju >>>>> >>>>> >>>>> >>>>> _______________________________________________ >>>>> Patternfly mailing list >>>>> [email protected] >>>>> https://www.redhat.com/mailman/listinfo/patternfly >>>>> >>>>> >>>> >>>> >>>> -- >>>> - Serena Chechile Doyle >>>> *UXD | Unified Management Experience* >>>> *Red Hat* >>>> *Cell* 508-769-7715 | *IRC* - serena | *Skype* - serenamarie125 | >>>> *Twitter* - @serenamarie125 >>>> >>>> _______________________________________________ >>>> Patternfly mailing list >>>> [email protected] >>>> https://www.redhat.com/mailman/listinfo/patternfly >>>> >>>> >>> >> >> >> -- >> Ju Lim >> Red Hat >> Office: 978-399-0422 >> Mobile: 781-507-1323 >> Email: [email protected] >> IRC: julim >> >> >
_______________________________________________ Patternfly mailing list [email protected] https://www.redhat.com/mailman/listinfo/patternfly
