|
|
|
|
|
|
|
|
|
|
- Overview of the Dockable Panel control
- Creating a Dockable Panel control
- Creation by refactoring
- Characteristics of Dockable Panel controls
- Control description window
- Control style
The Dockable Panel control
Overview of the Dockable Panel control The Dockable Panel control allows you to easily organize the software interface into zones that the end user can freely move. This makes it possible to create sophisticated interfaces with ease. End users will be amazed by the customization possibilities available to them. This saves your development team valuable time Creating a Dockable Panel control To create a Dockable Panel control: - On the "Creation" tab, in the "Containers" group, click "Dockable Panel".
- Click at the desired location to create the control. Arrows placed on the borders of the window allow you to dock the panel as soon as it is created.
To view the characteristics of the control, select "Description" in the context menu. Creation by refactoring To create a Dockable Panel control from a selection: - Select the controls to display in a Dockable Panel control.
- On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Create a dockable panel from the selection".
Note: It is also possible to use the selection's context menu (option "Refactoring ... Create a dockable panel with selection"). - The Dockable Panel control is automatically created.
Tip: How to turn sister windows into Dockable Panel controls? Your application uses windows displayed by OpenSister to show the details of the main window. To transform these windows into Dockable Panel controls: - Select the content of the sibling window.
- Create an internal window with the content of the selection ("Refactoring .. Create an internal window from the selection" in the selection context menu).
- Save the internal window.
- Creating a Dockable Panel control.
- In the Dockable Panel control, create an Internal Window control that is linked to previously created the internal window.
Characteristics of Dockable Panel controls Control description window The main options of the Dockable Panel control available in the control description window are: - Icon ("General" tab): Allows you to associate an icon with the Dockable Panel control.. This icon will appear in the tab panes, etc.
- Allowed docking positions ("Detail" tab): Allows you to define the docking positions allowed on the current window. The Dockable Panel control can be docked at the top of the window, at the bottom, on the left and / or on the right.
- With title bar ("Detail" tab): If this option is checked, the Dockable Panel control will have a title bar containing the title defined in the "General" tab). It is possible to specify the height of the title bar and to determine if there will be buttons to close and collapse the Dockable Panel (With button and With button.
- Allow docking to another panel (tab) ("Detail" tab): If this option is checked, the current Dockable Panel field can be docked with another Dockable Panel field.. In this case, it is possible to define the position of the pane that represents the Dockable Panel.
- Resizable: Allows the end user to resize the Dockable Panel field.
Control style The "Style" tab of the control description window allows you to customize: - the border of the separator,
- the image of the panes,
- the images of the arrows and the action buttons (i.e. the images of the dock arrows and the icons for the <Close> and <Collapse> buttons). This image is a 5 x 2 image set. The first row contains the 5 arrows for the "Normal" state and the second row contains the 5 arrows for the "Hover" state..
Related Examples:
|
Unit examples (WINDEV): The Dockable Panel control
[ + ] This example shows how to manage the Dockable Panel control. You will be able to manage it in the editor and at runtime.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|