Thanks for the info, Andreas. Please correct me if I'm wrong, but that implies BS4 based PF to not be a consumable product for Tendrl/RHSC (development ongoing).
On 26 September 2016 at 21:29, Andres Galante <agala...@redhat.com> wrote: > 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 <d...@redhat.com> 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 <ju...@redhat.com> 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 <agala...@redhat.com> >>> 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 <sdo...@redhat.com> >>>> 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 <ju...@redhat.com> 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 >>>>>> Patternfly@redhat.com >>>>>> 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 >>>>> Patternfly@redhat.com >>>>> https://www.redhat.com/mailman/listinfo/patternfly >>>>> >>>>> >>>> >>> >>> >>> -- >>> Ju Lim >>> Red Hat >>> Office: 978-399-0422 >>> Mobile: 781-507-1323 >>> Email: ju...@redhat.com >>> IRC: julim >>> >>> >> >
_______________________________________________ Patternfly mailing list Patternfly@redhat.com https://www.redhat.com/mailman/listinfo/patternfly