(26)-b. Properties

ID

Component ID defined in SkyVisualEditor

Edit Label

Enable to edit a button label manually in the Studio

Label

Edit the label text manually in the Studio

Tooltip

Display a message to show when hovering a cursor

Left(X)

Set the horizontal location in the screen
Only available in the Free Layout

Top(Y)

Set the vertical location in the screen
Only available in the Free Layout

Width Setting

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

Style Class

Set Style Sheet