Change Button Styles

There are several ways to change the way buttons look in a vocabulary.

Resize a Button

1. Select Menu and Edit Page.

2. Select the button you want to resize and select Change Button Size.

3. Select the number of rows and columns you want.

4. Select Save. Select Done to exit edit mode.

Change a Button Style

1. Select Menu and Edit Page.

2. Select the button you want to modify and select Edit This Button.

3. Scroll down to the area you want to edit.

4. Edit the font, font size, text color, body color, border color, and/or border width as needed.

5. Select Save and Done.

Change Basic Colors on a Button

Basic colors are the color options that are shown in the Default tab of the Select Color menu.

1. Select Menu and Edit Page.

2. Select the button you want to modify and select Edit This Button.

3. Scroll down to the color settings and select Text Color, Body Color, or Border Color.

4. The Select Color window opens to the Default tab.

5. Select the color you want and select Save.

Customize Colors on a Button

1. Select Menu and Edit Page.

2. Select the button you want to modify and select Edit This Button.

3. Scroll to the color settings and select Text Color, Body Color, or Border Color.

4. The Select Color window will open to the Default tab.

5. Select the Custom tab.

   

   1. If you know the hex code for the color you want: Tap the hex code at the bottom of the preview box. When a keyboard opens, delete the hex code and enter the code you want. The preview box will show the color. Close the keyboard.

   2. To create a custom color using the color selector: Tap in the color gradient. The cursor will move to the spot you tapped, and the preview box will show the current color and its hex code. If necessary, tap different areas until the color you want is shown.

      Tip: You can also drag the cursor to areas of the color gradient.

   3. To adjust the color: Tap the color gradient slide bar. The slider will move to that spot and the preview box will show the current color and hex code. Tap different spots along the slide bar until the color you want is shown.

      Tip: You can also drag the slider along the slide bar. Release the slider when the color you want is shown.

6. When the preview box shows the color you want, select OK.

7. In the Edit Button window, select Save.

8. Select Done to exit edit mode.

Increase the Button Margin

You can add more space between buttons by increasing the Button Margin in the settings.

1. Select Menu > Settings and scroll to the Buttons section.

2. Select Button Margin.

3. Select a margin size. The default size is None. To increase the margin, select an option between 1 Point and 100 Point.

4. When you make a selection, the space between buttons changes.

   

5. If you selected too much space or too little space, make another selection.

6. When you are satisfied with the amount of space, select Done.