(25)-b. Properties

ID

Component ID defined in SkyVisualEditor

Edit Label

Enable to edit manually in the Studio

Label

Display a label name for the button, or edit

Tooltip

Display a message which is shown when hovering a cursor

Left(X)

Set the horizontal location in the screen
Used for the Free layout

Top(Y)

Set the vertical location in the screen
Used for the Free layout

Width Setting

Enable to edit the width manually in the Studio

Width[px]

Set the button width in pixel.
Displayed when "Width Setting" is checked.

Button Style

Set button color and font weight.

Color

Select font color from the below color picker.
You can also select other colors in hexadecimal.
Enabled when "Button Style" is checked.

Font Weight

Select font style from the below.
・Bold　＝ Make the button letter bold
・Normal　＝ Make the button letter normal
Enabled when "Button Style" is checked.

Tabindex

Specify the order of the cursor transition when pressing Tab

Destination Page

Specify the destination page

Style Class

Set Style Sheet