Overview

The Mendix Native Slider Widget offers enhanced customization and functionality to meet diverse application needs. With options for single-way and two-way sliders, as well as extensive styling capabilities, this widget is a versatile addition to your Mendix project.

Documentation

Typical usage scenario

This widget extends the native capabilities of the standard Mendix slider by adding enhanced styling features and support for both single-way and two-way sliders. With this widget, you can customize the track and marker styles to match your application's design requirements seamlessly.

Single-Way Slider

To use the widget as a single-way slider:

1. Drag the widget onto your desired page.
2. Set the properties for minimum value, maximum value, step and initial value attribute.
3. Customize the track and marker styles as needed.

Two-Way Slider

For a two-way slider:

1. Drag the widget onto your page.
2. Set the properties for minimum value, maximum value, step and initial range (two values).
3. Customize the track and marker styles to match your design.

Features and limitations

• Track Styling: Customize the appearance of the slider track, including color, thickness, and background.
• Marker Styling: Style the slider markers with custom colors, shapes, and sizes.
• One-Way Slider: Standard single-value slider functionality.
• Two-Way Slider: Allows for a range selection between two values.
•  

Dependencies [optional]

No Dependencies

Installation [optional]

1. Download the widget package from the Mendix Marketplace or your distribution source.
2. Open your Mendix project in Studio Pro.
3. Import the widget package into your project.
4. Drag and drop the Native Slider Widget onto your page.