Control: Panel
|
Description
Use a Panel to place an area with different visual properties in a window. A panel can contain other controls and allow them to be moved as a group.
Creation
Open the destination window to add the Control.
From the Toolbox, select the Control icon, move the pointer into the window and drag out the initial position and size for the control.
Access
If the Property Editor is not displayed, click on Ribbon > Home > Property Editor
Click on the Control. The Properties for the control will appear in the Property Editor panel and allow changes to be made.
Properties
Name | Description |
---|---|
Name | Name of the control |
Alias | Alias of the control |
General | |
Template | Select a template to use for this control |
Layout | |
X | X location in the window to place the control |
Y | Y location in the window to place the control |
Width | Default = 20 Width of the control. |
Height | Default = 120 Height of the control. |
Anchor | Which edge of the window the control is anchored to when the window is resized |
Visual | |
Visible | Default = Visible Visibility of the control. |
Background: Start Color | Select the background start color |
Background: End Color | Select the background end color |
Background: Gradient Mode | Select from one of the displayed Gradient modes |
Background: Image | Select from a list of Project images. See Images. |
Background: Image Layout | Select from None, Tile or Stretch |
Border: Corner Radius | Default = 0 To produce rounded corners enter a Radius value. |
Border: Thickness | Default = 1 Enter the Border thickness. |
Border: Color | Select the color of the text from the list of available colors define in the project. |
Border: Dash Style | If the border needs to be dashed select from one of the available dash styles |
Shadow: Color | If the Panel needs a drop shadow, select the color of the text from the list of available colors defined in the project |
Shadow: Distance | distance for the drop shadow. Note that the shadow is produced behind the Panel, below and to the right by the specified distance |
Binding
The following properties may be bound to a tag
- Background Color Start
- Background Color End
- Background Image
- Border Color
- Shadow Color
- Visible