You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 22 Next »

SliderFieldDefinition renders a horizontal bar that allows you to set a numeric value within a defined range by dragging a handle with the mouse. The value appears as you move the handle.

Slider field definition is part of the Magnolia 6 UI framework. The fully qualified class name is info.magnolia.ui.field.SliderFieldDefinition.

This field has been introduced since Magnolia 6.2. There is no corresponding implementation in the Magnolia 5 UI framework.

Example slider field definition

slider:
  $type: sliderField
  defaultValue: 50
  stepSize: 5
  gridStepSize: 25
  valueFormat: PERCENTAGE

Slider field properties

min

optional, default is 0

Minimum value of the slider range.

max

optional, default is 100

Maximum value of the slider range.

stepSize

optional, default is 1

Size of increments by which the slider handle moves.

gridStepSize

optional, default is 0

Size of increments by which values appear on the bar. 0 means no values are displayed.

valueFormat

optional, default is NUMBER

Format can be NUMBER or PERCENTAGE. When set to PERCENTAGE, the % character is appended to all displayed values.

See also Common field properties.

#trackbackRdf ($trackbackUtils.getContentIdentifier($page) $page.title $trackbackUtils.getPingUrl($page))
  • No labels