Checkbox

Last updated on 03/04/2024

Checkbox

Overview

Checkboxes are not very user-friendly, especially on mobile devices. We recommend using the Select Action option with multiple choice to achieve the same goal. However, if you need to use Checkboxes, click the Forms button located at the top of the Canvas and select Checkbox from the Forms Layer Selector.

Checkbox consists of an outer square box and the checkbox within it.

Styling checkbox:

Click on the Checkbox to open the Layer Style Editor. Then, navigate to the Style tab and select Checkbox Button. The following styling options are available.

  1. Border: Customize the color and thickness of the border of the checkbox

  2. Background color: Set the color of the checkbox

  3. Checkmark color: Set the color of the check mark in the checkbox.

Styling outer box:

Click on the Checkbox to open the Layer Style Editor. Then, navigate to the Style tab and select Outer box Button. The following styling options are available.

  1. Color: Choose a color for the background of the radio button's outer square box.

  2. Gradient: Style the outer box with a color gradient instead of a solid color.

  3. Border: Customize the border of the outer box by selecting a color, adjusting its thickness

Styling Checkbox Labels:

Radio buttons and Checkboxes are paired with Labels, which are like Text Layers and share the same styling options. To style a Label, click on it to open the Layer Style Editor and adjust the styling just as you would with a Text Layer.