This component is not supported for Google Ads, Google AdMob, AMPHTML ads, video ads or image ads.
The Tick box component lets you add tick boxes to your project. Users can tick as many tick boxes as they like.
If you want users to select only a single option from a group of options, use the Radio Button component instead.
To use the Tick box component in your project:
- Open the Components panel, then the UI folder.
- Drag the Tick box
component to the stage.
- You may want to use the Label component to display text next to the tick box.
- To detect when the tick box changes between being ticked and unticked, set up an event. You can also create a custom action that only happens if the tick box is ticked.
Example custom action code
var confirmation_checkbox = document.getElementById('checkbox_1');
if confirmation_checkbox.checked {
// Proceed with action only if tick box is ticked.
…
}
Properties
| Property | Description |
|---|---|
| Name | The component name. |
| Ticked | When you select this property, the tickbox is ticked by default. |
| Value | The value of this tick box when it's ticked. |
Events and actions
Events sent by the Tick box componentYou can trigger other actions based on the following Tick box component event:
| Event | Description |
|---|---|
| Change | Sent when the tick box is ticked or unticked. |
To select this event in the Event dialogue, set the Tick box component as the target.
Learn how to configure events.
Preview
You can't interact with UI components inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser. The appearance of UI components may vary depending on the browser.
