Button object, properties 

 

 

Applies to:
Properties window overview (all objects)

A button or pushbutton is a graphical item, that can invoke a certain action by clicking. It's used  to trigger any BrowserBob functionality (back, forward, etc.), as link button, image button etc.. You can place unlimited numbers of buttons on your application. When you click on a button object, the following properties window appears, where you name the button, specify the  behaviour and design, assign a soundfile, and set its alignment.

Detailed reference about the Button object including descriptions of all button properties and possible choices: Button object

 

The following gives you a quick overview about this window and what you can do. Please refer to Button object in the Reference for full details and usage of each property.

 

General
Under General you give the button a name, enter a (mouse over-) hint, which appears when the user moves the mouse over the button and specify if the button is visible in design mode.


Behaviour

This is where you choose what the button should do, enter parameters and assign a sound to the button, which is played when the button is pressed.

Graphic
Here you assign your own graphics to the button. A real button has several graphics for different possible state (Default, Touched, Presses, Disabled), which can all have a different appearance.  Click on the preview images once in order to display the graphic in your design area. Click on the preview images a second time to open a file dialog for choosing your own graphic. You may as well click on Filename for choosing a graphic among all project graphics. Choose an invisible color as Alpha color, for achieving transparency for shaped objects.

How to edit a button graphic in your graphics editor:
Select the graphic to edit by clicking on it once and click the Edit image button. This will open the graphic in the application that has been assigned to this file type under File->External Editors...

Tip: For optimal results the size of the four images of a button should be the same but they don't need to be. Next to the label Source you find the width and height of the active image.

Alignment
Give the button a reference point on the user interface (MainDialog), where to align itself when the size of the application is changed.

Related topics:
Button object

Actions