ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Page
  • Overview
  • Fixing a layout area
  • Fixing a Cell control
  • Fixing a Popup page
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview
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 offers a management of fixed areas for several types of elements:
Use condition: 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).
Fixing a layout area
To fix a layout area in a page:
  1. Select the layout area to fix and open the description window ("Area description" in the context menu).
  2. In the "UI" tab, select "Fixed". Three modes are available:
    Pinned mode options
    • Always fixed: The layout area is fixed according 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 border of the browser,
      • Y: Follow the middle of the browser,
      the layout area will remain centered on the left.
    • Fixed when the control touches the top of the browser: When scrolling through the content of the page, the layout area will be fixed when it reaches the top of the browser. The available options are:
      • Margin above the area: This margin corresponds to the minimum space accepted between the fixed layout area and the top of the browser.
      • Remove pin when the control reaches the bottom of the container: If this option is checked and if the layout area is included in another area, the fixed 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").
      • Hide automatically during the scroll: If this option is checked, the layout area becomes invisible during the scroll then it appears when the scroll ends.
    • Fixed when the control touches the bottom of the browser: When scrolling through the content of the page, the layout area will be fixed when it reaches the bottom of the browser. The available options are:
      • Margin below the area: This margin corresponds to the minimum space accepted between the fixed 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 if the layout area is included in another area, the fixed 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 becomes invisible during the scroll then it appears when the scroll ends.
Fixing a Cell control
To fix a Cell control in a page:
  1. Display the page containing the Cell control.
  2. Select the Cell control to fix and open the description window ("Description" in the context menu).
  3. In the "UI" tab, check "Pinned".
  4. Click "Parameters" to manage how the control is fixed. Three modes are available:
    • Always fixed + anchoring: The cell is fixed 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 border of the browser
      • Y: Follow the middle of the browser
      the cell will be fixed while it is centered on the left.
    • Fixed when the control touches the top of the browser: The cell will be fixed when it reaches the top of the browser when scrolling the page content. The available options are:
      • Margin above the control: this margin corresponds to the minimum space accepted between the fixed cell and the top of the browser.
      • Remove pin when the control reaches the bottom of the container: If this option is checked and if the cell is included in another area or cell, the fixed 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").
      • Hide automatically during the scroll: If this option is checked, the cell is made invisible during the scroll then it appears when the scroll is ended.
    • Fixed when the control touches the bottom of the browser: The cell will be fixed when it reaches the bottom of the browser when scrolling the page content. The available options are:
      • Margin below the control: this margin corresponds to the minimum space accepted between the fixed cell and the bottom of the browser.
      • Remove pin when the control reaches the top of the container: If this option is checked and if the cell is included in another area or cell, the fixed 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").
      • Hide automatically during the scroll: If this option is checked, the cell is made invisible during the scroll then it appears when the scroll is ended.
Fixing a Popup page
A popup can be fixed through programming only.
To do so, use the popupFixed constant during the call to PopupDisplay. For example:
PopupDisplay(POPUP_Explanation, popupFixed + popupCenterLeft)
Minimum version required
  • Version 18
Comments
Click [Add] to post a comment

Last update: 06/13/2023

Send a report | Local help