The Button control

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

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

WEBDEV

WINDEV Mobile

Others

See also

The Button control

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

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,
Buttons cannot have multiline text.
image,
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.
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.
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

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:

On the "Creation" tab, in the "Usual controls" group, click "Button" (or click ).
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:

Unit examples (WINDEV): The Button control

[ + ] Using a Button control

Unit examples (WEBDEV): Displaying a popup menu

[ + ] This example presents the display of a "popup menu" when a click is performed on a button.