PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview
  • Fixing an 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/iPadApple WatchUniversal Windows 10 AppWindows Mobile
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 proposes 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 display the description window of project, on the "Project" pane, in the "Project" group, 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 display the description window of page, select "Description" from the popup 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 an area
To fix an area in a page:
  1. Display the page in Zoning mode: click the "Zoning" tab in the banner above the page.
  2. Select the area to fix and display the description window ("Area description" from the popup menu).
  3. In the "GUI" tab, check "Fixed". Three modes are available:
    • Always fixed + anchoring: The area is fixed according to the anchoring options defined for the area. These anchoring options are also defined in the "GUI" tab of the description window of area. For example, if the area is anchored with the following characteristics:
      • X: Follow the left border of browser
      • Y: Follow the middle of browser
      the area will be fixed while it is centered on the left.
    • Fixed when the control touches the top of browser: The area will be fixed when it reaches the top of browser when scrolling the page content. The available options are as follows:
      • Margin above the area: This margin corresponds to the minimum space accepted between the fixed area and the top of browser.
      • Remove the pin when the control reaches the bottom of container: If this option is checked and if the area is included in another area, the fixed area will disappear when its parent area is no longer displayed in the browser.
        In this case, you have the ability to define the minimum margin between the fixed area and its parent area ("Margin at bottom of container" option).
      • Versions 22 and later
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
        New in version 22
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
    • Fixed when the control touches the bottom of browser: The area will be fixed when it reaches the bottom of browser when scrolling the page content. The available options are as follows:
      • Margin below the area: This margin corresponds to the minimum space accepted between the fixed area and the bottom of browser.
      • Remove the pin when the control reaches the top of container: If this option is checked and if the area is included in another area, the fixed area will disappear when its parent area is no longer displayed in the browser.
        In this case, you have the ability to define the minimum margin between the fixed area and its parent area ("Margin at top of container" option).
      • Versions 22 and later
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
        New in version 22
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
        Hide automatically during the scroll: If this option is checked, the area is made invisible during the scroll then it appears when the scroll is ended.
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 display the description window ("Description" from the popup menu).
  3. In the "GUI" tab, check "The control can be fixed".
  4. Click "Parameters" to choose the management mode of pin. 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 "GUI" tab of the description window of cell. For example, if the Cell control is anchored with the following characteristics:
      • X: Follow the left border of browser
      • Y: Follow the middle of browser
      the cell will be fixed while it is centered on the left.
    • Fixed when the control touches the top of browser: The cell will be fixed when it reaches the top of the browser when scrolling the page content. The available options are as follows:
      • Margin above the control: this margin corresponds to the minimum space accepted between the fixed cell and the top of browser.
      • Remove the pin when the control reaches the bottom of 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 have the ability to define the minimum margin between the fixed cell and its parent ("Margin at bottom of container" option).
      • Versions 22 and later
        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.
        New in version 22
        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.
        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 browser: The cell will be fixed when it reaches the bottom of browser when scrolling the page content. The available options are as follows:
      • Margin below the control: this margin corresponds to the minimum space accepted between the fixed cell and the bottom of browser.
      • Remove the pin when the control reaches the top of 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 have the ability to define the minimum margin between the fixed cell and its parent ("Margin at top of container" option).
      • Versions 22 and later
        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.
        New in version 22
        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.
        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 by programming only.
To do so, use the popupFixed constant during the call to PopupDisplay. For example:
PopupDisplay(POPUP_Explanation, popupFixed + popupCenterLeft)
Minimum required version
  • Version 18
Comments
Click [Add] to post a comment