• Home
• Felgo
• AppRangeSlider

AppRangeSlider

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

• List of all members, including inherited members

Properties

• firstKnobBorderColor : color
• firstKnobBorderWidth : real
• firstKnobColor : color
• firstKnobShadow : bool
• secondKnobBorderColor : color
• secondKnobBorderWidth : real
• secondKnobColor : color
• secondKnobShadow : bool
• tintedTrackColor : color
• trackColor : color

Detailed Description

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

Example Usage

 import Felgo
 import QtQuick

 App {
   NavigationStack {

     AppPage {
       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