|
- Overview of the Dashboard control
- Creating a Dashboard control
- Characteristics of the Dashboard control
- Add a widget to a Dashboard control
- Define or modify the display options of a widget
- Configuring a Dashboard control in the editor
- Defining the size of cells
- Defining the size and position of Widgets
Overview of the Dashboard control Creating a Dashboard control To create a Dashboard control: - On the "Creation" pane, in the "Containers" group, click "Dashboard".
- Click where the control will be created in the window or page.To view the characteristics of the control, select "Description" in the context menu.
Versions 20 and laterRemark: The dimensions of the control are optimized to take up the available space at the specified position. If the control size does not suit you, press Ctrl + Z: the control size will be reset to default. New in version 20Remark: The dimensions of the control are optimized to take up the available space at the specified position. If the control size does not suit you, press Ctrl + Z: the control size will be reset to default. Remark: The dimensions of the control are optimized to take up the available space at the specified position. If the control size does not suit you, press Ctrl + Z: the control size will be reset to default.Characteristics of the Dashboard control The characteristics of a Dashboard control are described in the "Details" and "Content" tabs of the description window of control ("Description" from the popup menu). "Details" tab: Dimensions and overview of Dashboard control The "Details" tab allows you to specify the following options: - Variable width of Widgets: In this case, you can define the number of columns found in the Dashboard control as well as the height of cells.
- Variable number of Widgets: In this case, you can define the size of cells (width and height in pixels).
- Fixed width and number of Widgets . In this case, you can define the number of columns and the size of the cells. The "Adapt" buttons are used to adapt the number of columns according to the size of cells (and conversely).
- the margins between the different Widgets displayed in the Dashboard control.
Versions 20 and later New in version 20 "Details" tab: Modification by the userThese are the options in the Dashboard control: - Compact Widgets: This option is used to automatically reorganize the widgets in the Dashboard control when a widget is deleted by the end user.
- Remember configuration of Widgets: This option is used to automatically save the configuration of the Dashboard control performed by the user when closing the window or page. This configuration will be automatically re-displayed during the next opening of window (or page).
"Content" tab: Defining the widgets found in the Dashboard controlThe "Content" tab is used to define the widgets found in the Dashboard control. It is also possible to define these Widgets or to add them by programming using the DashAddWidget function. A widget corresponds to: Versions 20 and later an internal page. New in version 20 an internal page.  an internal page.
The "Content" tab is used to: Define or modify the display options of a widget To define or modify the initial display options of a Widget: - Select the Widget to configure in the "Content" tab of the description window of Dashboard control.
- In the right section of the screen, specify:
- the associated internal window or page if necessary.
- whether the Widget must be visible by default. If the Widget is invisible, a logo is displayed beside the Widget name in the list. the user can make it visible via the popup menu.
- the initial size and position of the Widget. This position and this size are expressed in cells. The number of cells was defined in the "Details" tab of the description window of control. If the position or the size is modified for a Widget, the position of the next widgets is automatically updated.
Remark: The maximum widget size corresponds to the maximum size of the internal window associated with the widget. For example, if the maximum widget size is set to two cells of 150 pixels in width and one cell of 150 pixels in height, the maximum size of the corresponding internal window must be set to 300 pixels x 150 pixels. - the widget caption. This caption is important: it will appear in the popup menu (AAF) to allow the user to display the widget.
Remark: You also have the ability to define the position and size of widgets in the editor. Configuring a Dashboard control in the editor Defining the size of cells To define the size and position of widgets in the window editor: - Select the Dashboard control.
- A border is displayed around the cells found in the Dashboard control.
- The first cell proposes sizing handles.
- Position the mouse cursor on one of the widget sides. The mouse cursor turns into an arrow.
- Press the mouse button and move the mouse while keeping the mouse button down until the requested size.
- The new size applies to all the cells of the Dashboard control.
Defining the size and position of Widgets To define the size and position of widgets in the window editor: - Select the Dashboard control.
- Switch to edit mode by using one of the following methods:
- Click the Dashboard control.
- Select "Edit the size and position of Widgets" from the popup menu of control.
- A yellow border appears around the control. You can:
- Resize the Widgets found in the Dashboard control:
- Position the mouse cursor on one of the widget sides. The mouse cursor turns into an arrow.
- Press the mouse button and move the mouse while keeping the mouse button down until the requested size.
- Move the Widgets found in the Dashboard control:
- Click the Widget.
- Move the Widget while keeping the mouse button down.
- To exit from the edit mode, use one of the following methods:
- Press the Esc key on the keyboard.
- Select "End the edit" from the popup menu of the control.
- Click the window or page.
Related Examples:
|
Training (WINDEV): WD Dashboard
[ + ] The "WD Dashboard" example is an educational example for using the Dashboard control. This example explains how to: - handle the control in "edit" mode, - save/load a configuration, - configure the control (initial configuration, addition/deletion of widgets, ...), - refresh a widget, - etc.
|
|
Training (WEBDEV): WW_Dashboard
[ + ] The "WD Dashboard" example is an educational example for using the Dashboard control. This example explains how to: - handle the control in "edit" mode, - save/load a configuration, - configure the control (initial configuration, addition/deletion of widgets, ...), - refresh a widget.
|
|
Cross-platform examples (WINDEV Mobile): WM CRM
[ + ] WM CRM is a multi-platform project for Android and iOS. It explains how to develop a CRM application intended to the Android and iPad tablets.
|
This page is also available for…
|
|
|
| |
| | https://youtu.be/QTpZ8oxXCxM |
|
|
|
| |
| |
| |
|
| video Dashboard WinDev Mobile |
|
| https://youtu.be/KVErsG4aJ0E |
|
|
|
| |
| |
| |
|
| | https://youtu.be/fh78EqJPxxU |
|
|
|
| |
| |
| |
| |
| |
| |
| | |
| |