Hi Taro, El sáb., 18 ago. 2018 a las 7:16, Yu.Taro (<yest...@gmail.com>) escribió:
> Hi Carlos > > I just test the sample code with nightly build #1180, that is not work > > The j:HGroup output html source code is as below > <div class="jewel layout horizontal gap-3x3px"> > still missing "itemsExpand" in class > I tried it in JewelExample and this is the code <j:Card width="600"> <html:H3 text="items expand test"/> <j:HGroup itemsExpand="true" gap="3"> <j:Button text="Hello"/> <j:Button text="Apache"/> <j:Button text="Royale!!!!"/> </j:HGroup> </j:Card> output: <div class="jewel card layout vertical gap-3x3px" style="width: 600px;"><h3 class="">items expand test</h3><div class="jewel layout horizontal itemsExpand gap-3x3px"><button type="button" class="jewel button">Hello</button><button type="button" class="jewel button">Apache</button><button type="button" class="jewel button">Royale!!!!</button></div></div> screeshot: https://snag.gy/SUqXu3.jpg This is with code already committed, so maybe the your local build is not refreshing right? > > About "itemsHorizontalExpand" and "itemsVerticalExpand" properties > did you mean that in this example > if <j:HGroup itemsHorizontalExpand="true"> > then <j:Card> will background auto set width 100% if user not specified > width > mmm, no, I think the width or height 100% affects the HGroup and the the CSS rule affects all Childs now is: .layout.itemsExpand { width: 100%; } This is applied to HGroup .layout.itemsExpand > * { flex: 1 0 auto !important; } This is applied to all childrens What I'm thinking while I write is that "itemsExpand" should be the only one property, but the rules maybe could be different depending on Horizontal and Vertical Layout, in horzontal will use "width" but in vertical will use "height"... Is something I could try... > It seems to me that is not suggesting... > In the common sense, attribute only effect the element self. > But if attribute can effect it's parent element, sounds a bit strange. > > Most people understand "itemsExpand" absolutely base on container's width > and set the container's width by themselves. > right