VisualPanel
Description
The VisualPanel is a container block that can be used to change the layout of your widget. Is stacks its child blocks either horizontally and vertically.
Attributes
- Clicked [event]: Event that is fired when the item is clicked.
- Name [string]: The name of the block.
- Orientation [Horizontal|Vertical]: The direction in which contained elements should be stacked. Default: Vertical.
- Padding [Padding]: Defines the amount of whitespace inside the item.
- Span [boolean]: Whether or not the panel should span the entire width of the available space. Default: false.
- Style [Style]: The style that needs to be applied to the block.
- TabStop [boolean]: Whether or not the item can receive focus. Default: true.
- Visible [boolean]: Whether or not the item (and all it's children) are visible. Default. true.
Remarks
Panels can be embedded in other panel creating a hierarchy.
Example
1 <Style Name="gradientpanel" BackgroundFillMode="Gradient"/>
2
3 <VisualPage>
4 <VisualContent>
5 <VisualPanel>
6 <VisualText Text="This is inside a panel" MultiLine="true"/>
7 </VisualPanel>
8 <VisualPanel Style="gradientpanel" Span="true">
9 <VisualText Text="Inside a spanned styled panel" MultiLine="true"/>
10 </VisualPanel>
11 <VisualPanel Orientation="Horizontal">
12 <VisualText Text="horizontal"/>
13 <VisualSeparator Orientation="Vertical" SeparationWidth="20"/>
14 <VisualPanel Orientation="Vertical">
15 <VisualText Text="vertical1"/>
16 <VisualText Text="vertical2"/>
17 </VisualPanel>
18 </VisualPanel>
19 </VisualContent>
20 </VisualPage>
21
22 <!-- This widget generates the following output -->
