Checkbox

From Wiki openElement
Jump to: navigation, search
Path: Elements / Form / Checkbox

Contents

Description

A checkbox allows website visitors to indicate a selection. It can be checked or unchecked by clicking on it.

Add a Checkbox Element

Drag-and-Drop the element Checkbox from the elements menu anywhere on the page.

Configuration

These are the properties specific to the Checkbox. These properties can be configured from the elements and styles menu -> Properties.

Case a cocher3.png


Common

  • Filter by Language: Choose whether or not to display the element depending on the language the page is in.
  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.
  • Resizing: Change how the element is able to be resized.
    • Auto: The element adapts to the size of its content in height and width.
    • Height Only: The element can only be resized height-wise.
    • Width Only: The element can only be resized width-wise.
    • Height and Width: Element can be resized in height and width to a fixed size of your choice.


Behavior

  • Read-Only: Defines the checkbox as read-only (cannot be checked or unchecked by website visitors).
  • Validation Rules: Configure the validation rules for the form element.


Edit

  • Box Checked: Specifies whether the checkbox should be checked or unchecked by default when the page loads.
  • Value: Text to associate with this element when submitting the form (can be different than the text displayed alongside the element on the page).


Expert

  • Attribute Name: Users can manually assign the name for this form field element that will appear in the HTML. This name must be unique.


Notes

Case a cocher4.png: This button allows quick access to the validation rules window from the editing pane.

Validation Rules:

FrmValidator check.png

  • Selection Required: Specify whether the checkbox must be checked in order to proceed.
  • Error Message: Write a custom error message that will be displayed if there is a validation error.


See also Email Form for information on sending a form.

Design and Presets

There are numerous style presets available for this element in the Cloud Library. Presets can be accessed through the Elements and Styles Menu, under the Styles tab, in Style Presets.

To change its appearance, users must override the element's various style zones.

Style case cocher1.png Error Icon
Default Value:
No image by default

Style case cocher4.png Checkbox
Default Value:
No style by default.

Style case cocher5.png Input Field With Error
Default Value:
No style by default.


Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox