Control: Panel

  • Display Name: Panel
  • Type Name: 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 RibbonHomeProperty 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