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

AppRangeSlider

A slider control with two handles to set a range. More...

Import Statement: import Felgo 3.0
Since: Felgo 2.10.0
Inherits:

RangeSlider

Properties

Detailed Description

The AppRangeSlider 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: "RangeSlider Example"

       Column {
         anchors.centerIn: parent

         // show slider
         AppRangeSlider {
           id: slider
         }

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

       } // Column
     } // Page

   }
 }

Property Documentation

firstKnobBorderColor : color

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


firstKnobBorderWidth : real

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


firstKnobColor : color

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


firstKnobShadow : bool

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


secondKnobBorderColor : color

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


secondKnobBorderWidth : real

The width of the knob's border. Matches firstKnobBorderWidth by default.


secondKnobColor : color

The color of the second knob. Matches firstKnobColor by default.


secondKnobShadow : bool

Whether a drop-shadow is added to second the knob. Matches the firstKnobShadow setting by default.


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