PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

  • Overview
  • Creating a "HideShow" control
  • To create a "HideShow" control in a window
  • Creating a "HideShow" control in a page
  • Characteristics of a HideShow control
  • HideShow control found in a window
  • HideShow control found in a page:
  • Programming a HideShow control
  • Expanding/Collapsing a HideShow control
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
The HideShow control can contain other controls and it is intended to facilitate the formatting of the GUIs. It can be expanded in order to display (or not) the integrated controls. The collapse/expand operation of the control can be done:
  • by clicking the control title,
  • by programming.
WINDEV This type of control can be used in Windows 98 and later.
HideShow control

Creating a "HideShow" control

To create a "HideShow" control:
  1. In the window or page editor, click HideShow (or select "Insert .. Control .. HideShow control").
  2. Click the position where the control must be created in the window or in the page. The control appears in creation mode.
    • WINDEV In a window, the created HideShow control automatically contains a default control: this control is the button used to "Expand/Collapse" the HideShow control. This control contains the necessary WLanguage code. You can customize it by associating it with a specific image.
    • WEBDEV - Server code In a page, the created HideShow control is empty: the upper section (whose size can be adapted via the sizing handle) receives the clicks and triggers the collapse/expand operation of the lower section.
  3. Drop on the HideShow control the different controls that must appear/disappear when it is used.
To display the control characteristics, select "Description" from the popup menu of control.
WINDEV

To create a "HideShow" control in a window

To create a "HideShow" control in a window:
  1. On the "Creation" pane, in the "Containers" group, expand "Tab and associated" and select "HideShow control".
  2. Click the position where the control will be created in the window. The control appears in creation mode.
    The created HideShow control automatically contains a control: this control is the button used to "Expand/Collapse" the HideShow control. This control contains the necessary WLanguage code. You have the ability to customize this control by associating it with a specific image.
  3. Drop on the HideShow control the different controls that must appear/disappear when it is used.
To display the control characteristics, select "Description" from the popup menu of control.
WEBDEV - Server codePHPAjax

Creating a "HideShow" control in a page

To create a "HideShow" control in a page:
  1. On the "Creation" pane, in the "Containers" group, click "HideShow".
  2. Click the position where the control will be created in the page. The control appears in creation mode.
    The created HideShow control is empty: the upper section (whose size can be adapted via the sizing handle) receives the clicks and triggers the collapse/expand operation of the lower section.
  3. Drop on the HideShow control the different controls that must appear/disappear when it is used.
To display the control characteristics, select "Description" from the popup menu of control.
Characteristics of a HideShow control
WINDEV

HideShow control found in a window

  • When the HideShow control is in edit in the window editor, it can be handled like when it is in execution. The popup menu of the control allows you to expand/collapse it upon request ("Collapse/Expand the HideShow control" option).
  • In the description of the HideShow control, the "General" tab is used to specify:
    • Whether an animation must be performed when handling a HideShow control.
    • Whether the size of the window must be adapted when handling the control. Indeed, when the HideShow control is expanded, the controls located below the HideShow control are automatically moved to the bottom. This option is used to automatically enlarge the window to the bottom in order to see the controls found below the HideShow control.
WEBDEV - Server codeWEBDEV - Browser code

HideShow control found in a page:

  • When the HideShow control is in edit in the page editor, it always appears expanded in its maximum size.
  • The operations for collapsing/expanding the control always come with an animation if they are performed:
    • in browser code.
    • in server code in an AJAX process.
  • When the HideShow control is collapsed, the controls located below it do not automatically move up except if they are positioned (as well as the HideShow control) in a cell that uses the relative positioning of controls. See Cell control for more details.
Programming a HideShow control

Expanding/Collapsing a HideShow control

To collapse a HideShow control, use the following syntax:
<Name of HideShow Control> = False
To expand a HideShow control, use the following syntax:
<Name of HideShow Control> = True
Related Examples:
The HideShow control Unit examples (WEBDEV): The HideShow control
[ + ] This example explains how to use the HideShow control of WEBDEV.
The HideShow control (static sidebar) Unit examples (WEBDEV): The HideShow control (static sidebar)
[ + ] This training example explains how to use the "HideShow" control of WEBDEV. This HideShow control is associated with a cell for relative positioning in order to have a more interactive behavior.
DHTML sidebar Unit examples (WEBDEV): DHTML sidebar
[ + ] This example explains how to create a DHTML menu with WEBDEV.
This example allows you to:
- Create a DHML menu
- Add a menu entry
- Add a menu option
The HideShow control Unit examples (WINDEV): The HideShow control
[ + ] Using the HideShow control.
Minimum required version
  • Version 11
This page is also available for…
Comments
Click [Add] to post a comment