Dashboard control: Automatic Application Features (AAF)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Controls

Dashboard control

Dashboard control: Automatic Application Features (AAF)

Overview

AAFs in the Mobile applications

See also

Dashboard control: Automatic Application Features (AAF)

Overview

The Dashboard control proposes several Automatic Application Features (AAF) allowing the user to benefit from all control capabilities. These features are available for the Windows applications, the WEBDEV sites and the Mobile applications.

Versions 22 and later

This feature is now available for Android applications.

This feature is now available for iPhone/iPad applications.

New in version 22

This feature is now available for Android applications.

This feature is now available for iPhone/iPad applications.

This feature is now available for Android applications.

This feature is now available for iPhone/iPad applications.

Versions 22 and later

AAFs in the Mobile applications

Switching to modification mode

To enter in edit mode in a Dashboard control, a long press must be performed on the control background or on a Widget. A micro vibration is triggered (haptic feedback).

If the long press is performed on a Widget, the Widget is selected: sizing handles are displayed on the four sides of the Widget.

Caution: If the long press is performed on a control found inside a Widget and if this control intercepts the long press (code in the long press process, displaying a popup menu, etc.), the Dashboard control will not switch to edit mode.

In modification mode:

Selecting a Widget is performed via a simple click on the Widget.
The controls displayed in the Widgets no longer receive the click events and they can not take focus anymore.
If at least one Widget is displayed on the last dashboard row, an additional row is added in edit mode (with activation of the vertical scrollbar if necessary). This row is used to add new Widgets or to move existing Widgets.
A specific toolbar is displayed. For more details, see Toolbar of modification mode.
You can:

Remark: DashMode allows you to:

switch to "modification" mode by programming. To prevent the user from switching to edit mode (long click without effect), use AAFDisable with the aafDashEditMode constant.
disable some features of the Dashboard control (as well as in the bar of modification mode).

Toolbar of modification mode

When the Dashboard control switches to edit mode, a toolbar is displayed in the lower section of control. This toolbar is displayed in semi-transparency above the dashboard Widgets.

This toolbar includes three buttons:

"Reinitialize" button : used to restore the initial configuration of the dashboard
"OK" button : used to exit from modification mode.
Bin button : is used to hide the selected Widget via a click. You also have the ability to perform a Drag and Drop of a Widget on the button in order to hide this Widget (a micro vibration is performed when hovering the bin with the Widget to hide).

Remark: The text color and the bar can be configured in the style of Dashboard control. The color of the icon for the bin button corresponds to the text color.

Remark: If DashMode prevents the deletion of widgets, the bin button is not displayed in the toolbar.

Exit from modification mode

Several methods can be used to exit from the modification mode of the Dashboard control :

Click the background of Dashboard control.
Click the OK button displayed in the toolbar of modification mode.
Press the "back" key of the phone.

Moving a Widget

To move a Widget:

If the Widget is not selected: perform a long press on the Widget. A ghost view of the Widget to move is automatically created.
If the Widget is selected: all you have to do is press the pointer on the selected Widget. A ghost view of the Widget to move is automatically created.

During the move, the sizing handles of selected Widget are not drawn.

When the Widget is moved onto a cell containing another Widget, the second Widget is moved onto the first free location and it goes back to its initial location as soon as the moved Widget does not hover it anymore. The move of hovered Widgets is performed with an animation.

Resizing a Widget

To resize a Widget, you must:

keep the pointer down on one of the Widget borders (the one that displays the sizing handles).
and move the pointer in the requested direction.

A Widget cannot be resized horizontally and vertically at the same time.

During the resize operation, only the handle found on the border on which the pointer was pressed down is displayed.

The Widgets that occupy the cells on which the Widget is enlarged are automatically moved with an animation onto the first free location. They go back to their initial location if the Widget is reduced.

Adding a widget

In modification mode, a "+" sign is displayed in the middle of empty cells (with the same color as the border of Widgets in modification mode).

A click on an empty cell opens a context menu with the list of widgets to add.

If all the dashboard Widgets are displayed, the "+" sign is not displayed and a click on an empty cell allows you to exit from modification mode.

Remark: When moving and resizing a Widget, the "+" sign is not drawn in the empty cells.

New in version 22

AAFs in the Mobile applications

Switching to modification mode

To enter in edit mode in a Dashboard control, a long press must be performed on the control background or on a Widget. A micro vibration is triggered (haptic feedback).

If the long press is performed on a Widget, the Widget is selected: sizing handles are displayed on the four sides of the Widget.

In modification mode:

Selecting a Widget is performed via a simple click on the Widget.
The controls displayed in the Widgets no longer receive the click events and they can not take focus anymore.
If at least one Widget is displayed on the last dashboard row, an additional row is added in edit mode (with activation of the vertical scrollbar if necessary). This row is used to add new Widgets or to move existing Widgets.
A specific toolbar is displayed. For more details, see Toolbar of modification mode.
You can:

Remark: DashMode allows you to:

switch to "modification" mode by programming. To prevent the user from switching to edit mode (long click without effect), use AAFDisable with the aafDashEditMode constant.
disable some features of the Dashboard control (as well as in the bar of modification mode).

Toolbar of modification mode

When the Dashboard control switches to edit mode, a toolbar is displayed in the lower section of control. This toolbar is displayed in semi-transparency above the dashboard Widgets.

This toolbar includes three buttons:

"Reinitialize" button : used to restore the initial configuration of the dashboard
"OK" button : used to exit from modification mode.
Bin button : is used to hide the selected Widget via a click. You also have the ability to perform a Drag and Drop of a Widget on the button in order to hide this Widget (a micro vibration is performed when hovering the bin with the Widget to hide).

Remark: The text color and the bar can be configured in the style of Dashboard control. The color of the icon for the bin button corresponds to the text color.

Remark: If DashMode prevents the deletion of widgets, the bin button is not displayed in the toolbar.

Exit from modification mode

Several methods can be used to exit from the modification mode of the Dashboard control :

Click the background of Dashboard control.
Click the OK button displayed in the toolbar of modification mode.
Press the "back" key of the phone.

Moving a Widget

To move a Widget:

If the Widget is not selected: perform a long press on the Widget. A ghost view of the Widget to move is automatically created.
If the Widget is selected: all you have to do is press the pointer on the selected Widget. A ghost view of the Widget to move is automatically created.

During the move, the sizing handles of selected Widget are not drawn.

Resizing a Widget

To resize a Widget, you must:

keep the pointer down on one of the Widget borders (the one that displays the sizing handles).
and move the pointer in the requested direction.

A Widget cannot be resized horizontally and vertically at the same time.

During the resize operation, only the handle found on the border on which the pointer was pressed down is displayed.

Adding a widget

In modification mode, a "+" sign is displayed in the middle of empty cells (with the same color as the border of Widgets in modification mode).

A click on an empty cell opens a context menu with the list of widgets to add.

If all the dashboard Widgets are displayed, the "+" sign is not displayed and a click on an empty cell allows you to exit from modification mode.

Remark: When moving and resizing a Widget, the "+" sign is not drawn in the empty cells.

AAFs in the Mobile applications

Switching to modification mode

To enter in edit mode in a Dashboard control, a long press must be performed on the control background or on a Widget. A micro vibration is triggered (haptic feedback).

If the long press is performed on a Widget, the Widget is selected: sizing handles are displayed on the four sides of the Widget.

In modification mode:

Selecting a Widget is performed via a simple click on the Widget.
The controls displayed in the Widgets no longer receive the click events and they can not take focus anymore.
If at least one Widget is displayed on the last dashboard row, an additional row is added in edit mode (with activation of the vertical scrollbar if necessary). This row is used to add new Widgets or to move existing Widgets.
A specific toolbar is displayed. For more details, see Toolbar of modification mode.
You can:

Remark: DashMode allows you to:

switch to "modification" mode by programming. To prevent the user from switching to edit mode (long click without effect), use AAFDisable with the aafDashEditMode constant.
disable some features of the Dashboard control (as well as in the bar of modification mode).

Toolbar of modification mode

When the Dashboard control switches to edit mode, a toolbar is displayed in the lower section of control. This toolbar is displayed in semi-transparency above the dashboard Widgets.

This toolbar includes three buttons:

"Reinitialize" button : used to restore the initial configuration of the dashboard
"OK" button : used to exit from modification mode.
Bin button : is used to hide the selected Widget via a click. You also have the ability to perform a Drag and Drop of a Widget on the button in order to hide this Widget (a micro vibration is performed when hovering the bin with the Widget to hide).

Remark: The text color and the bar can be configured in the style of Dashboard control. The color of the icon for the bin button corresponds to the text color.

Remark: If DashMode prevents the deletion of widgets, the bin button is not displayed in the toolbar.

Exit from modification mode

Several methods can be used to exit from the modification mode of the Dashboard control :

Click the background of Dashboard control.
Click the OK button displayed in the toolbar of modification mode.
Press the "back" key of the phone.

Moving a Widget

To move a Widget:

If the Widget is not selected: perform a long press on the Widget. A ghost view of the Widget to move is automatically created.
If the Widget is selected: all you have to do is press the pointer on the selected Widget. A ghost view of the Widget to move is automatically created.

During the move, the sizing handles of selected Widget are not drawn.

Resizing a Widget

To resize a Widget, you must:

keep the pointer down on one of the Widget borders (the one that displays the sizing handles).
and move the pointer in the requested direction.

A Widget cannot be resized horizontally and vertically at the same time.

During the resize operation, only the handle found on the border on which the pointer was pressed down is displayed.

Adding a widget

In modification mode, a "+" sign is displayed in the middle of empty cells (with the same color as the border of Widgets in modification mode).

A click on an empty cell opens a context menu with the list of widgets to add.

If all the dashboard Widgets are displayed, the "+" sign is not displayed and a click on an empty cell allows you to exit from modification mode.

Remark: When moving and resizing a Widget, the "+" sign is not drawn in the empty cells.