Button

<< Click to Display Table of Contents >>

Navigation:  Bizagi Studio > Process wizard > Define Forms > Form Controls >

Button

Use

The Button control displays in the Work Portal and when you click on it, the related expression or interface will be executed.

 

Considerations

Buttons have the context of the form in which they are created. In a Process form the Button will have the Process Entity context.

If you drag and drop a button in a Nested or reusable form, the expression or the interface created will have the context of the entity of the form.

When a button is used in the column of a table it will execute actions exclusively related to the record where the button is found. It should only be used to perform Refresh, Execute rule and Execute interface actions.

Button's behavior is configured by using Form's Actions.

Buttons can execute any rule or interface.

 

Related to attribute types

This control is NOT associated to an attribute of the data model. To use it you must drag and drop the Button control from the Controls tab and configure it.

 

Properties

The following properties are exclusive to the Button control:

 

Basic tab

 

PROPERTY

DESCRIPTION

Button caption

The text entered in the Button caption will appear inside the button

 

Format tab

 

PROPERTY

DESCRIPTION

CSS Style

You can customize the style of your buttons by creating your own CSS definition for them. You can create as many different styles as you need.

The property in the Button control is the name of the created CSS class. See an example.

 

Note: New CSS styles MUST be defined in the override styles located in

C:\Bizagi\Projects\[BizagiProject]\WebApplication\jquery\overrides\css\desktop\bizagi.custom.styles.css.

If the CSS Style is empty, the button will display Bizagi's default style.

Be careful! Changing CSS styles require expertise. Please don't attempt to change them if you don't have the skills to do so.

 

 

Example

The request date of a Purchase Request Process is calculated when clicking on a button. When clicked, the date will be auto filled.

 

To configure this behavior:

 

1. Drag and drop a Button control onto the form. Type the desired Button's Caption.

 

Forms Components21

 

 

2. Create a new Action from the Actions & Validations wizard.

 

Forms Components160

 

3. In the Action's condition, select the button as the control. The click option will be available to identify when the button has been clicked.

 

 

Forms Components161

 

 

4. Include the Action to execute when clicking the button (Then).

In this case the button will execute a rule that sets today's date to an attribute in the form.

Click Add an action and select Execute rule as the command. Then create the rule on the expressions editor.

 

 

Forms Components162

 

The expression has the context of the Process Entity.

 

Forms Components22

 

 

5. Update affected controls.

Click Add an action and define the controls that have to be updated after executing the rule. To do so, use the Refresh command.

 

In this case, the control to refresh is Request date..

 

 

Forms Components163

 

 

In the Work Portal the button will be displayed with the given caption . When the control is clicked the expression will auto fill the request date.

 

Forms Components23