Search the Community
Showing results for tags 'stackpanel'.
I need to display a list of cards, and used a stackpanel for that. The cards should have some space between them, and i saw there's the padding property so i tried it. Problem 1: If i set the padding to the stackpanel, the cards get clipped because the padding is removed from the stackpanel available width for its children. Problem 2: The padding set on the second card gets removed from the card width, thus i need to increase its width by the same amount of the padding i need. Doesn't seem right. Maybe we need also a margin property if this behavior is by design? Playground to reproduce the bugs: https://www.babylonjs-playground.com/#F1Z1SC#1
I'm trying to wrap my head around the Canvas2D functionality and StackPanel. I'm having trouble figuring out how the layouts work. I modified a playground based on the stack panel example to use a vertical stack panel, but I can't seem to re-position it the way I want. My goal is to get the entire stack panel to center horizontally, and move to the top of the viewport so that the children list downward from the top with the first child at the top (green rectangle). http://babylonjs-playground.com/#CMZLC#17 Is the marginAlignment the wrong property to use altogether? I'm sure it is something simple that i'm doing wrong.