ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Button control
  • 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
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 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 with a simple click.
Buttons in a window
WindowsLinuxUniversal Windows 10 AppAndroidAndroid Widget iPhone/iPadJava

Button control in a window

The Button control allows the user to run a specific action with a simple click.
A Button control can contain:
  • text,
    Button control with text
    Java Buttons cannot have multiline text.
  • image,
    Button control with image
  • text and image.
    Button control with text and image
WINDEV and WINDEV Mobile feature many possibilities for customizing buttons, their style or effect.
You can:
  • define the type of button. Each type of button is used to perform a specific action.
  • create On/Off buttons.
  • WINDEV create buttons with arrow.
  • define images to illustrate the button or customize its shape. For more details, see Images and buttons.
  • create animated buttons. For more details, see Images and buttons.
  • WINDEV use RTF to format the button caption.
    Remark: 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 an RTF code in the control caption.
Buttons in a page
WEBDEV - Server codeWindowsLinuxPHP

Button control in a page

A Button control can have different aspects:
  • text
  • Fixed image or image with hover
One or two images are associated with the button:
  • an image for the button in its "normal" state,
  • an image for its "hover" state (when hovered by the mouse).
In this case, independent images are used.
  • Images with several states
Different drawings are associated with the button. These drawings are grouped together in one image called "image set". You can use up to 5 drawings. The drawings correspond to the following button states: normal / pressed / grayed / focus / hover.

The appearance of the Button control can be defined in the "Style" tab of the control description window, in "Button (Images)".
Various aspects allow you to define the action of the button and the different events run when the Button control is clicked:
Creating a Button control
To create a Button control:
  1. On the "Creation" tab, in the "Usual controls" group, click "Button" (or click ).
  2. Click where the control will be created in the window or page. The control appears in the editor.
Tip: You can also create a "preset" Button control (that may contain code where necessary) by expanding "Button". The list of available Button controls is displayed with the project skin template. Simply click the desired Button control to create it in the editor.
To view the control characteristics, select "Description" in the context menu.
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 version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help