Button

It adds a button over the object to run operation assigned to the object or its class.

image image

A list of assigned operations and their execution is also available in the object context menu and the section Operations of the object.

Field

Description

Show label

It displays or hides operation name under the button.

Label text

It displays custom operation name.

Color

It changes button color.

Setting up buttons appearance

Created buttons are round and with the symbol image. Only color and label are available for changing. Advanced settings of button appearance can be implemented using style of the object which the button is added to.

By default

image

With styles

image

Styles influence only on displaying widgets in the Standard view.

Buttons shape

Buttons can have rectangle shape or rectangle with rounded angles. To do this it is necessary to set the property border-radius to the class btn and determine the radius of rounding in pixels.

For instance, the radius of rounding is equal to eight pixels:

.btn {border-radius: 8px;}
image

Symbols on buttons

Any Unicode symbol can be set for a button. For instance, image (f011, FontAwesome font family):

.js-btn-normal { visibility: hidden; position: relative; }
.js-btn-normal:after {
  visibility: visible;
  position: absolute;
  top: -10px;
  left: -2px;
 font-family: FontAwesome;
  content: '\f011';}
image