Framework 7 Range — Reference

Framework 7 Range

Framework 7 Range settings and events. Select the component in App Structure to find these controls in Properties.

Range Properties

Name	Description
ID	Required. Default: "". Attribute: id.
Value	Default: "". Attribute: value.
Min	Default: 0. Attribute: min.
Max	Default: 100. Attribute: max.
Step	Default: 1. Attribute: step.
Label	Default: false. Attribute: label.
Dragable Bar	Default: true. Attribute: dragable-bar.
No Draggable Bar	Default: false. Attribute: no-draggable-bar.
Vertical	Default: false. Attribute: vertical.
Vertical Reversed	Default: false. Attribute: vertical-reversed.
Scale	Default: false. Attribute: scale.
Scale Steps	Default: 5. Attribute: scale-steps.
Scale Sub Steps	Default: 0. Attribute: scale-sub-steps.

Set value

Name	Description
Value	Default: "".

Dynamic attributes

Name	Description
Value	Choose dynamic data binding.
Min	Choose dynamic data binding.
Max	Choose dynamic data binding.
Step	Choose dynamic data binding.
Label	Choose dynamic data binding.
Dragable Bar	Choose dynamic data binding.
No Draggable Bar	Choose dynamic data binding.
Vertical	Choose dynamic data binding.
Vertical Reversed	Choose dynamic data binding.
Scale	Choose dynamic data binding.
Scale Steps	Choose dynamic data binding.
Scale Sub Steps	Choose dynamic data binding.
Params	Choose dynamic data binding.

Dynamic events

Name	Description
Change	Action: Choose the action to execute.
Changed	Action: Choose the action to execute.