PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview of the Tab control
  • Creating a Tab control
  • Vocabulary associated with the Tab control
  • Limits
  • Limits in Java
  • Limits for a WEBDEV site displayed on a Mobile Device (Pocket PC)
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 of the Tab control
The Tab control is used to display some specific controls at the same time. When a tab pane is enabled:
  • the controls associated with this tab pane are displayed in the window or in the page.
  • the controls associated with another tab pane become invisible,
  • the controls associated with no tab pane keep their display status.
Versions 15 and later
Android The Tab controls are available for the Android applications.
iPhone/iPad The Tab controls are available for the iPhone/iPad applications.
New in version 15
Android The Tab controls are available for the Android applications.
iPhone/iPad The Tab controls are available for the iPhone/iPad applications.
Android The Tab controls are available for the Android applications.
iPhone/iPad The Tab controls are available for the iPhone/iPad applications.
Versions 21 and later
Universal Windows 10 App The Tab controls are now available in Universal Windows 10 App mode.
New in version 21
Universal Windows 10 App The Tab controls are now available in Universal Windows 10 App mode.
Universal Windows 10 App The Tab controls are now available in Universal Windows 10 App mode.
Creating a Tab control
To create a Tab control:
  1. In the window or page editor, click (or select "Insert .. Control .. Tab").
  2. Click the position where the control will be created in the window or page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
WINDEVAndroidiPhone/iPadWindows MobileUniversal Windows 10 AppJava To create a Tab control:
  1. On the "Creation" pane, in the "Containers" group, expand "Tab and associated" and select "Tab".
  2. Click the position where the control will be created in the window. The control appears in creation mode.
Versions 20 and later
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
New in version 20
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
Note: The dimensions of created control are optimized in order to occupy the available space at the specified position. If the control size does not suit your, press [CTRL + Z]: the default control size will be restored.
To display the control characteristics, select "Description" from the popup menu of control.
The description window of the control is used to:
WEBDEV - Server codePHP To create a Tab control:
  1. On the "Creation" pane, in the "Containers" group, click "Tab".
  2. Click the position where the control will be created in the page. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
Vocabulary associated with the Tab control
To easily handle a tab, you must be familiar with the following vocabulary:
NameDefinition
TabControl containing one or more tab panes.
Tab paneElement of a tab containing a button used to enable the tab pane and an area used to position the controls on the tab pane.
Versions 15 and later
The caption of a tab control can include several lines separated by CR characters.
New in version 15
The caption of a tab control can include several lines separated by CR characters.
The caption of a tab control can include several lines separated by CR characters.
Versions 20 and later
WINDEV Dynamic tab pane
New in version 20
WINDEV Dynamic tab pane
WINDEV Dynamic tab pane
Tab pane displaying an internal window. Used to create an interface close to the one of the Internet browsers:
  • the tabs can be "moved" outside the main window.
  • the tabs can be reorganized.
  • You have the ability to close some tabs and to open new ones.
See Dynamic tabs for more details.
Versions 20 and later
WINDEV Static tab pane
New in version 20
WINDEV Static tab pane
WINDEV Static tab pane
Standard tab pane, as opposed to dynamic tab panes.
Limits
Java

Limits in Java

The following characteristics are not supported in Java:
  • image associated with the caption of tab panes.
  • image of tab panes.
  • help number associated with the tab.
  • position of the panes. The pane is located at the top by default.
  • display mode of images.
  • Versions 20 and later
    dynamic tabs.
    New in version 20
    dynamic tabs.
    dynamic tabs.
WEBDEV - Server code

Limits for a WEBDEV site displayed on a Mobile Device (Pocket PC)

The panes created in WEBDEV do not operate when the site is displayed on a Mobile Device (Pocket PC): you have the ability to click the panes but no action is performed.
Related Examples:
WD Search On Composite Keys Training (WINDEV): WD Search On Composite Keys
[ + ] Summary of the example supplied with WINDEV:
This example explains how to implement filters or searches on HFSQL files.
On the first tab, you have the ability to perform different searches and to see the result of your search.
On the second tab, you have the ability to implement a filter by using the composite keys and to see the result issued from your filter.
The Tab control Unit examples (WEBDEV): The Tab control
[ + ] The Tab control is also available in WEBDEV.
This control is presented in this example.
To add a Tab control in a page, you only need to click on the ribbon and drop it wherever you want in the page.
Then, to define all the control's parameters, you need to open the description.
You can define the different panes, their caption, their styles, ...
Everything is customizable.
And eventually, you can drop your controls in the differents panes.
WD SystemInfo Sample components (WINDEV): WD SystemInfo
[ + ] WD SystemInfo
This example explains how to use the SystemInfo component.
The following topics are presented in this example:
1/ getting information about the operating system
2/ getting information about the user
3/ the browse of the network neighborhood by programing
Summary of the example supplied with WINDEV:
This example presents the features of the SystemInfo component.
A window containing three tabs is opened when starting the example.
Each tab presents one of the component features.
1/ Getting information about the operating system
The functions supplied in the SystemInfo component (see its documentation for more details) are used to get various information about the operating system and the computer: system version, makes and number of processors, amount of physical memory installed, etc.
2/ Getting information about the user
The SystemInfo component can also be used to find out (on the NT, 2000 and XP systems only) the name of the user in session as well as the list of local groups and the list of domain groups to which he belongs.
3/ The browse of the network neighborhood by programming
The third feature proposed by the component is used to browse the network neighborhood of the computer by programming. The returned information depend on the network client used (Microsoft client or Novell client for example) and it is used to enumerate the resources found on the local network: computers, printers, shared disks, etc.

CAUTION:
The modification of the source code of the example and/or component must be performed by an experienced user only. Indeed, unexpected modifications may cause a loss of data and/or an inconstancy of your system
WD Multi-Windowing Training (WINDEV): WD Multi-Windowing
[ + ] This example presents the basic concepts for managing the multi-windowing and the dynamic tabs with WINDEV.

This example includes a simple interface for managing the customer forms:
- multi-windowing with MDI interface,
- multi tabs with a dynamic tab control.
Minimum required version
  • Version 9
This page is also available for…
Comments
Example Alter tab
Working with Screen TABs and Wizards

a) switch between tab via code
b) condition the change from one tab to another
c) make a screen wizard only with a button
d) have a local variable to know the current tab that is on the screen

DOWNLOAD
https://repository.windev.com/publish.awp?file_id=281474976710748;example-alter-tab
BOLLER
Jul. 27 2018
video tab
https://youtu.be/Hs2dETtKiBw
amarildo
Jul. 26 2018
Criar Abas WebDev22
1. Criar abas no formulario de site uteis
2. Mudar os botoes do formulario
3. Mudar os botoes da tabela

http://windevdesenvolvimento.blogspot.com.br/2017/01/aula-1028-webdev22-006-configurar.html

https://www.youtube.com/watch?v=Uk50sp_W_pg
De matos
Jan. 13 2017
Exemplo de Alterar uma Aba da TAB
Exemplo de Alterar uma Aba da TAB

TAB_Nome[1]..Caption="Primeira Tab"
TAB_Nome[2]..Caption="Segunda Tab"

//Blog com Video e Exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/09/aula-923-windev21-curso-244-alterar-uma.html
https://www.youtube.com/watch?v=FsMmDge7TfA
De matos
Sep. 27 2016
Tab Pane Esconder
PROCEDURE libera_1()
BTN_PROXIMO_1..Grayed=False
TAB_rps_servicos[2]..Grayed=False

//blog com video e exemplo
http://windevdesenvolvimento.blogspot.com.br/2016/03/windev21-curso-232-tab-pane-mostrar.html
De matos AMARILDO
Mar. 14 2016