Learn what Felgo offers to help your business succeed. Start your free evaluation today! Felgo for Your Business


A slider control with one handle. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.10.0



Detailed Description

Note: The AppSlider is based on the Qt Quick Controls 2 Slider, please visit its documentation for the list of inherited properties, signals and methods.

The AppSlider comes with a default look that matches platform-specific styles for iOS and Android.

iOS Android

Example Usage

 import Felgo 3.0
 import QtQuick 2.5

 App {
   NavigationStack {

     Page {
       title: "Slider Example"

       Column {
         anchors.centerIn: parent

         // show slider
         AppSlider {
           id: slider

         // display slider position
         AppText {
           anchors.horizontalCenter: parent.horizontalCenter
           text: "Position: "+Math.round(slider.position * 100)

       } // Column
     } // Page


Property Documentation

knobBorderColor : color

The color of the knob's border. Matches the knobColor by default.

knobBorderWidth : real

The width of the knob's border. The default width is 0, which means no border is shown.

knobColor : color

The color of the knob. Matches platform-specific values by default.

knobShadow : bool

Whether a drop-shadow is added to the knob. Matches platform-specific values.

tintedTrackColor : color

The color of the tinted part of the slider track. Matches Theme::tintColor by default.

trackColor : color

The background color of the slider track. Matches Theme::controlBackgroundColor by default.

Qt_Technology_Partner_RGB_475 Qt_Service_Partner_RGB_475_padded