|
|
|
|
|
|
|
|
|
|
- Overview
- Fixing a layout area
- Fixing a Cell control
- Fixing a Popup page
Pinned area on a page: fixed area on screen (Fixed)
A fixed area in a page is a page section that remains visible even if the Web user moves the browser scrollbar. This area (as well as the controls found inside it) remains visible while the page content scrolls. This area is fixed.
WEBDEV proposes a management of fixed areas for several types of elements: Condition of use: To use this feature, the page must be generated in HTML5. The generation mode can be defined: - in the "Advanced" tab of the project description, "Generation mode" option. To open the project description window, go to the "Project" tab, "Project" group and click "Description". In this case, the generation mode is applied to all the project pages.
- in the "General" tab of page description, "Generation mode" option. To open the page description window, select "Description" in the context menu of the page. This option allows you to specify the generation mode that will be used for the page (it can differ from the generation mode selected for the other project pages).
To fix a layout area in a page: - Select the layout area to fix and open the description window ("Area description" in the context menu).
- On the "UI" tab, select "Fixed". Three modes are available:
- Always pinned: layout area is pinned with respect to the anchoring options defined for the area. These anchoring options are also defined in the "UI" tab of the layout area description window. For example, if the layout area is anchored with the following characteristics:
- X: Follow the left edge of the navigator,
- Y: Follow the middle of the navigator,
the layout area will remain centered on the left. - Pinned only when the field reaches the top of the browser: The layout area will be pinned only when scrolling page content brings this area to the top of the browser.. The available options are as follows:
- Margin above the area: This margin corresponds to the minimum space accepted between the pinned layout area and the top of the browser..
- Remove pin when field reaches bottom of container: If this option is checked and the layout area is contained within another area, the pinned layout area will disappear when its parent area is no longer displayed in the browser..
In this case, you can define the minimum margin between the fixed layout area and its parent area ("Margin at bottom of container"). - Automatically hide during dequeue: If this option is checked, the layout area is rendered invisible during dequeue, then appears when dequeue is complete.
- Pinned only when the field reaches the bottom of the browser: The layout area will be pinned only when scrolling page content brings this area to the bottom of the browser.. The available options are as follows:
- Margin below the area: This margin corresponds to the minimum space accepted between the pinned layout area and the bottom of the browser..
- Remove pin when the control reaches the top of the container: If this option is checked and the layout area is contained in another area, the pinned layout area will disappear when its parent area is no longer displayed in the browser..
In this case, you can define the minimum margin between the fixed layout area and its parent area ("Margin at top of container"). - Automatically hide during the scroll: If this option is checked, the layout area is rendered invisible during dequeue and then appears when dequeue is complete..
To fix a Cell control in a page: - Display the page containing the Cell control.
- Select the Cell control to fix and open the description window ("Description" in the context menu).
- On the "UI" tab, check "Pinned".
- Click "Parameters" to manage how the control is fixed. Three modes are available:
- Always pinned + anchoring: Cell is pinned according to the anchoring options defined for the cell. These anchoring options are also defined in the "UI" tab of the cell description window. For example, if the Cell control is anchored with the following characteristics:
- X: Follow the left edge of the navigator
- Y: Follow the middle of the navigator
the cell will be fixed while it is centered on the left. - Pinned when field reaches top of browser: Cell will be pinned only when scrolling page content brings this cell to the top of the browser.. The available options are as follows:
- Margin above field: this margin corresponds to the minimum space accepted between the pinned cell and the top of the browser..
- Remove pin when field reaches bottom of container: If this option is checked and the cell is contained in another zone or cell, the pinned cell will disappear when its parent is no longer displayed in the browser..
In this case, you can define the minimum margin between the fixed cell and its parent ("Margin at bottom of container"). - Automatically hide during dequeue: If this option is checked, the cell is rendered invisible during dequeue and then appears when dequeue is complete..
- Pinned when field reaches bottom of browser: Cell will be pinned only when scrolling page content brings cell to bottom of browser.. The available options are as follows:
- Margin below field: this margin corresponds to the minimum space accepted between the pinned cell and the bottom of the browser..
- Remove pin when field reaches top of container: If this option is checked and the cell is contained in another zone or cell, the pinned cell will disappear when its parent is no longer displayed in the browser..
In this case, you can define the minimum margin between the fixed cell and its parent ("Margin at top of container"). - Automatically hide during dequeue: If this option is checked, the cell is rendered invisible during dequeue and then appears when dequeue is complete..
A popup can be fixed through programming only. To do so, use the popupFixed constant during the call to PopupDisplay. For example: PopupDisplay(POPUP_Explication, popupFixed + popupCenterLeft)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|