PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview of Button control
  • Control in a window or in a page (static or dynamic page)
  • Buttons in a window
  • Button control in a window
  • Buttons in a page
  • Button control in a page
  • Creating a button control
  • Examples
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 Button control

Control in a window or in a page (static or dynamic page)

The Button control allows the user or the Web user to run a specific action via a mouse click.
Versions 15 and later
WINDEV MobileAndroid This type of control is now available for the Android applications.
New in version 15
WINDEV MobileAndroid This type of control is now available for the Android applications.
WINDEV MobileAndroid This type of control is now available for the Android applications.
Versions 16 and later
WINDEV MobileUniversal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
New in version 16
WINDEV MobileUniversal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
WINDEV MobileUniversal Windows 10 App This type of control is now available for the Windows Phone applications.
WINDEVLinux This type of control is now available for the WINDEV applications in Linux.
Versions 17 and later
WINDEV MobileiPhone/iPad This type of control is now available for the iPhone/iPad applications.
New in version 17
WINDEV MobileiPhone/iPad This type of control is now available for the iPhone/iPad applications.
WINDEV MobileiPhone/iPad This type of control is now available for the iPhone/iPad applications.
Versions 18 and later
WINDEV MobileAndroid Widget This type of control is now available for the Android Widget windows.
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available for the applications in Windows Store Apps mode.
New in version 18
WINDEV MobileAndroid Widget This type of control is now available for the Android Widget windows.
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available for the applications in Windows Store Apps mode.
WINDEV MobileAndroid Widget This type of control is now available for the Android Widget windows.
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available for the applications in Windows Store Apps mode.
Versions 21 and later
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
New in version 21
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
WINDEVWINDEV MobileUniversal Windows 10 App This type of control is now available in Universal Windows 10 App mode.
Buttons in a window
WINDEVWINDEV MobileAndroidAndroid Widget iPhone/iPadWindows MobileUniversal Windows 10 AppJava

Button control in a window

The Button control allows the user to run a specific action via a mouse click.
A button can include:
  • text,
    Java The buttons cannot have a multiline caption.
  • image,
  • text and image.
WINDEV and WINDEV Mobile include several possibilities for customizing the buttons, their styles or their effect.
You can:
  • define the type of button. Each type of button is used to perform a specific action.
  • create On/Off buttons.
  • Versions 17 and later
    WINDEV create buttons with arrow.
    New in version 17
    WINDEV create buttons with arrow.
    WINDEV create buttons with arrow.
  • define images to illustrate the button or customize its shape. See Images and buttons for more details.
  • create animated buttons. See Images and buttons for more details.
  • Versions 20 and later
    WINDEV use RTF to format the button caption.
    Note: To use RTF in a Button control, check "RTF" in the "General" tab of the control description. The RTF configuration bar appears above the caption of the control in order to configure it easily. You also have the ability to directly copy a RTF code in the caption of the control.
    New in version 20
    WINDEV use RTF to format the button caption.
    Note: To use RTF in a Button control, check "RTF" in the "General" tab of the control description. The RTF configuration bar appears above the caption of the control in order to configure it easily. You also have the ability to directly copy a RTF code in the caption of the control.
    WINDEV use RTF to format the button caption.
    Note: To use RTF in a Button control, check "RTF" in the "General" tab of the control description. The RTF configuration bar appears above the caption of the control in order to configure it easily. You also have the ability to directly copy a RTF code in the caption of the control.
Buttons in a page
WEBDEV - Server codePHP

Button control in a page

A button can have several aspects:
  • text
  • Fixed image or image with rollover
One or two images are associated with the button:
  • an image for the button in its "normal" status,
  • an image for its rollover status (when it is hovered by the mouse cursor).
  • 3-state images (Java applet)
Three different drawings are associated with the button. These three drawings are grouped in an image. The three drawings correspond to the following states of the button:
normal, pressed and rollover.
A Java applet will be automatically inserted into the HTML page to manage the different states of the button.
Versions 16 and later
The aspect of the button is defined in the "Style" tab of the description window of the control, in the "Button image" element.
New in version 16
The aspect of the button is defined in the "Style" tab of the description window of the control, in the "Button image" element.
The aspect of the button is defined in the "Style" tab of the description window of the control, in the "Button image" element.
Tip: If several buttons use the same background image, uncheck "Insert the caption into the image" ("Details" tab of the control description). Instead of generating the image of the "button with its caption", only the images corresponding to the image of the button will be generated: the caption displayed in the button can be modified by programming.
Various information is used to define the action of the button and the different processes run when the button is clicked:
Creating a button control
To create a Button control:
  1. In the window or page editor, click (or select "Insert .. Control .. Button").On the "Creation" pane, in the "Usual controls" group, click .
  2. Click the position where the control must be created in the window or in the page. The control appears in creation mode.
Tip: You also have the ability to create a "preset" button control by clicking the arrow found on the right of the icon. The list of available buttons (with their preview in the skin template of the project) is displayed. All you have to do is click the requested button to create it in the editor.Tip: You also have the ability to create a "preset" Button control by expanding "Button". The list of available buttons (with their preview in the skin template of the project) is displayed. All you have to do is click the requested button to create it in the editor.
To display the characteristics of the control, select "Description" from the popup menu of control.
Examples
Several examples of Button controls are available. These button controls are accessible from the "Wizards, Examples and Components" pane:
  1. Click the "Controls" button.
  2. Select "Buttons" in the list.
  3. The list of buttons is displayed.
Several examples of Button controls are available. These button controls are accessible from the "Preset controls" pane:
  1. Click the "Controls" button.
  2. Select "Button" in the list.
  3. The list of buttons is displayed.
All you have to do is Drag and Drop the button to the current window or page in order to include it in this window or page.
Related Examples:
The Button control Unit examples (WINDEV): The Button control
[ + ] Using a Button control
Displaying a popup menu Unit examples (WEBDEV): Displaying a popup menu
[ + ] This example presents the display of a "popup menu" when a click is performed on a button.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment