Hi Sankar, going to the original problem. This is working for me in MDLExample. If I use Grids.mxml and change all content to this:
<mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:js="library://ns.apache.org/flexjs/basic" xmlns:mdl="library://ns.apache.org/flexjs/mdl" xmlns="http://www.w3.org/1999/xhtml"> <mdl:Slider width="100%"/> </mdl:TabBarPanel> slider is resizing normaly A part from that. FWIK: * Grid Classes are what I think mdl creators use to perform liquid layout, so in flexjs: Grid ,GridCell and the bead GridCellBehavour (this class is incomplete at this time). Use GridCellBehaviour in components to give GridCell behavior. Making MDLBlogCell I see that the example use grid classes in normal components. So my bet is that using grid cell classes should make components gain liquid layout. In resume, as always, for MDL we should not thing in FLEX terms, but in MDL terms, and see how we can then get them to FlexJS, the reverse should not work. Is like when we did MDL list or table classes, we need to see what MDL requires and then go the way back to see how we must implement in FlexJS to get our way to code, while get the required output MDL expect. Hope that serves to you 2017-02-21 17:15 GMT+01:00 sankar <santanu4...@gmail.com>: > Hi Carlos, > > Thank you for sharing your thoughts on this.. > > I tried to watch where it's failing, and then I found > <mdl:NavigationLayoutContent/> size wasn't properly updating. > > For some unknown reason, when application starts, NavigationLayoutContent > somehow acquire 1300px it's width; the owner component's width I found is > more than 1300px; But the NavigationLayoutContent never update it's size by > that. > > So I overcome the problem to some extent by this way: > > > > <mdl:TabBarPanel> > > ... > > <mdl:Grid> > > > > <mdl:GridCell column="1" percentWidth="100"> > > > > <breadcrumb:PNBreadcrumb id="myBreadcrumb"/> > > > > </mdl:GridCell> > > > > <mdl:GridCell id="gdCellContents" column="1" percentWidth="99"> > > > > <mdl:NavigationLayoutContent id="nlcSelf" width="{gdCellContents.width}" > /> > > > > </mdl:GridCell> > > </mdl:Grid> > > </mdl:TabBarPanel> > > Well, this fix the problem to an extent. Now the NavigationLayoutContent > starts with expected size when application starts; But it do not updates it > size when browser resized. > > Do you suggest something that I can use to make this updateable with > browser > resize? > > Thanks! > > > > -- > View this message in context: http://apache-flex- > development.2333347.n4.nabble.com/FlexJS-MDL-TabBarPanel- > children-do-not-gets-flexible-sizes-tp59686p59721.html > Sent from the Apache Flex Development mailing list archive at Nabble.com. > -- 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.