Skip to content
main
Switch branches/tags
aem-core-wcm-components/content/src/content/jcr_root/apps/core/wcm/components/form/options/v2/options/
Go to file
aem-core-wcm-components/content/src/content/jcr_root/apps/core/wcm/components/form/options/v2/options/

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
. .
_cq_design_dialog
 
 
_cq_dialog
 
 
clientlibs
 
 
.content.xml
 
 
README.md
 
 
options.html
 
 
Form Options (v2) Features Use Object Edit Dialog Properties Client Libraries BEM Description Information

README.md

Form Options (v2)

Options form field written in HTL.

Features

  • Checkboxes
  • Radio buttons
  • Drop down
  • Multi select drop down

Use Object

The Form Options component uses the com.adobe.cq.wcm.core.components.models.form.Options Sling Model for its Use-object.

Edit Dialog Properties

The following properties are written to JCR for this Form Options component and are expected to be available as Resource properties:

  1. ./type - defines the type of options form; possible values: checkbox, radio, drop-down, multi-drop-down
  2. ./title - defines the title of the form, which is used to describe its role
  3. ./name - defines the name of the field, which will be submitted with the form data
  4. ./source - defines the source of the options; possible values: local, list, datasource
  5. ./listPath - defines the path of a static list for the options, if the source property is set to list
  6. ./datasourceRT - defines the resource type of the datasource, if the source property is set to datasource
  7. ./items - defines the option items, if the source property is set to local
  8. ./helpMessage - defines a help message that can be rendered in the field as a hint for the user
  9. ./id - defines the component HTML ID attribute.

Client Libraries

The component provides a core.wcm.components.form.options.v2.editor editor client library category that includes CSS for dialog style adjustments. It is already included by its edit dialog.

BEM Description

BLOCK cmp-form-options
    ELEMENT cmp-form-options__legend
    ELEMENT cmp-form-options__field-label
    ELEMENT cmp-form-options__field
        MOD cmp-form-options__field--checkbox
        MOD cmp-form-options__field--radio
    ELEMENT cmp-form-options__field-description
    ELEMENT cmp-form-options__label
    ELEMENT cmp-form-options__drop-down-field
    ELEMENT cmp-form-options__multi-drop-down-field
    ELEMENT cmp-form-options__help-message

Information