Basic configuration

Layout type

Field type: Select

Available values: • default • underlined

Example value: underlined

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Basic configuration"

Technical name: twt-forms-layout-type

Colour configuration

Field type: Color picker

Example value: #222222

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-color-hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-color

Field type: Color picker

Example value: #cccccc

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-border-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-border-color-hover

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-border-color

Field type: Color picker

Example value: #fafafa

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-background-color

Field type: Color picker

Example value: #e7e7e7

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-focus-background-color

Field type: Color picker

Example value: #8e8e8e

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration"

Technical name: twt-forms-input-placeholder-color

Field type: Color picker

Example value: #cccccc

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration (Checks & radios)"

Technical name: twt-forms-check-input-background-color

Field type: Color picker

Example value: $sw-color-brand-primary

Path to the configuration: Tab "Layout" => Block "Forms" => Section "Colour configuration (Checks & radios)"

Technical name: twt-forms-check-input-checked-background-color

Field type: Number field

Example value: 15

Path to the configuration: Tab "Layout" => Block "Forms"

Technical name: twt-forms-input-font-size