From e9184f30593fb47dc016d8051ba5661239554d7e Mon Sep 17 00:00:00 2001 From: NaveenKesavaraj Date: Wed, 21 May 2025 10:23:56 +0530 Subject: [PATCH] FLUT-958982-[feature][flutter]: Cleared flutter flow pages for slider, range slider and range selector --- Flutter/range-selector/accessibility.md | 2 +- Flutter/range-selector/getting-started.md | 2 +- Flutter/range-selector/interval.md | 4 ++-- Flutter/range-selector/labels-and-divider.md | 2 +- Flutter/range-selector/overview.md | 2 +- Flutter/range-selector/range-controller.md | 4 ++-- Flutter/range-selector/right-to-left.md | 2 +- Flutter/range-selector/thumb-and-overlay.md | 2 +- Flutter/range-selector/ticks.md | 4 ++-- Flutter/range-slider/accessibility.md | 2 +- Flutter/range-slider/getting-started.md | 2 +- Flutter/range-slider/interval.md | 4 ++-- Flutter/range-slider/labels-and-divider.md | 2 +- Flutter/range-slider/overview.md | 18 +++++++++--------- Flutter/range-slider/right-to-left.md | 2 +- Flutter/range-slider/thumb-and-overlay.md | 4 ++-- Flutter/range-slider/ticks.md | 4 ++-- Flutter/range-slider/track.md | 2 +- Flutter/slider/accessibility.md | 6 +++--- Flutter/slider/getting-started.md | 2 +- Flutter/slider/right-to-left.md | 2 +- Flutter/slider/shapes.md | 4 ++-- Flutter/slider/thumb-and-overlay.md | 2 +- Flutter/slider/ticks.md | 6 +++--- 24 files changed, 43 insertions(+), 43 deletions(-) diff --git a/Flutter/range-selector/accessibility.md b/Flutter/range-selector/accessibility.md index 0da3576bc..eb9191cfa 100644 --- a/Flutter/range-selector/accessibility.md +++ b/Flutter/range-selector/accessibility.md @@ -13,7 +13,7 @@ documentation: ug The [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) can be accessed by screen readers. The default reading format for start thumb is `The start value is ${values.start}` and end thumb is `the end value is ${values.end}`. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/semanticFormatterCallback.html) property. -For android, you can adjust the value of each thumb by moving the focus to the thumb and then pressing the volume buttons to increase or decrease the value. +For Android, you can adjust the value of each thumb by moving the focus to the thumb and then pressing the volume buttons to increase or decrease the value. For iOS, you can adjust the value of each thumb by moving the focus to the thumb and then swiping up or down to increase or decrease the value respectively. diff --git a/Flutter/range-selector/getting-started.md b/Flutter/range-selector/getting-started.md index 13af745f1..be29a14ef 100644 --- a/Flutter/range-selector/getting-started.md +++ b/Flutter/range-selector/getting-started.md @@ -10,7 +10,7 @@ documentation: ug # Getting started with Flutter Range Selector (SfRangeSelector) This section explains the steps required to add the range selector widget and its elements such as numeric and date values, ticks, labels and tooltips. This section covers only basic features needed to know to get started with Syncfusion® range selector. -To get start quickly with our Flutter Range Selector widget, you can check on this video. +To get start quickly with our Flutter Range Selector widget, you can check out this video. diff --git a/Flutter/range-selector/interval.md b/Flutter/range-selector/interval.md index 67592cc29..73588c695 100644 --- a/Flutter/range-selector/interval.md +++ b/Flutter/range-selector/interval.md @@ -8,7 +8,7 @@ documentation: ug --- # Interval in Flutter Range Selector (SfRangeSelector) -This section explains about how to add the interval for numeric and date range selector. +This section explains about how to add the intervals for numeric and date range selector. ## Numeric interval @@ -89,7 +89,7 @@ N> ## Date interval -The type of date interval. It can be years to seconds. It is mandatory for date [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html). The default value of [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateIntervalType.html) property is `null`. +The type of date interval can range from years to seconds. It is mandatory for date [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html). The default value of [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateIntervalType.html) property is `null`. For date values, the range selector does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) for date values. diff --git a/Flutter/range-selector/labels-and-divider.md b/Flutter/range-selector/labels-and-divider.md index 2ce0bd14e..d2ddc1d03 100644 --- a/Flutter/range-selector/labels-and-divider.md +++ b/Flutter/range-selector/labels-and-divider.md @@ -12,7 +12,7 @@ This section explains about how to add the labels and dividers in the range sele ## Show labels -The [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showLabels.html) property is used to render the labels on given interval. The default value of [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showLabels.html) property is `false`. +The [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showLabels.html) property is used to render the labels at given interval. The default value of [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showLabels.html) property is `false`. {% tabs %} {% highlight Dart %} diff --git a/Flutter/range-selector/overview.md b/Flutter/range-selector/overview.md index 8125cea70..88866a821 100644 --- a/Flutter/range-selector/overview.md +++ b/Flutter/range-selector/overview.md @@ -7,7 +7,7 @@ control: SfRangeSelector documentation: ug --- -# Flutter range selector (SfRangeSelector) Overview +# Flutter Range selector (SfRangeSelector) Overview Syncfusion® Flutter Range Selector is a highly interactive UI widget for selecting a smaller range from a larger data set. It provides a rich set of features such as numeric and date values, labels, ticks, dividers, and tooltips. It also supports adding any type of widget as content. diff --git a/Flutter/range-selector/range-controller.md b/Flutter/range-selector/range-controller.md index 447a2b655..a64d79e2f 100644 --- a/Flutter/range-selector/range-controller.md +++ b/Flutter/range-selector/range-controller.md @@ -337,9 +337,9 @@ class Data { ## Deferred update -You can control when the dependent components are updated while thumbs are being dragged continuously. It can be achieved by setting the [`SfRangeSelector.enableDeferredUpdate`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enableDeferredUpdate.html) property and the delay in the update can be achieved by setting the [`SfRangeSelector.deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html) property. The default value of the [`deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html) property is `500 milliseconds` +You can control when the dependent components are updated while thumbs are being dragged continuously. It can be achieved by setting the [`SfRangeSelector.enableDeferredUpdate`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enableDeferredUpdate.html) property and the delay in the update can be achieved by setting the [`SfRangeSelector.deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html) property. The default value of the [`deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html) property is `500 milliseconds`. -It updates the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) start and end values and invoke the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChanged.html) callback when the thumb is dragged and held for the duration specified in the [`deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html). However, range values are immediately updated in touch up action.  +It updates the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) start and end values and invoke the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChanged.html) callback when the thumb is dragged and held for the duration specified in the [`deferredUpdateDelay`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/deferredUpdateDelay.html). However, range values are immediately updated in touch up action. {% tabs %} {% highlight Dart %} diff --git a/Flutter/range-selector/right-to-left.md b/Flutter/range-selector/right-to-left.md index 3d04f1e25..dc3479bc1 100644 --- a/Flutter/range-selector/right-to-left.md +++ b/Flutter/range-selector/right-to-left.md @@ -52,7 +52,7 @@ Widget build(BuildContext context) { ### Changing the locale to RTL languages -The range selector will render in right to left direction if the locale belongs to RTL languages such as (Arabic ,Persian ,Hebrew, Pashto, Urdu). It can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. +The range selector will render in right to left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu. This can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. {% tabs %} {% highlight Dart %} diff --git a/Flutter/range-selector/thumb-and-overlay.md b/Flutter/range-selector/thumb-and-overlay.md index 1b9788ed4..fa786568f 100644 --- a/Flutter/range-selector/thumb-and-overlay.md +++ b/Flutter/range-selector/thumb-and-overlay.md @@ -7,7 +7,7 @@ control: SfRangeSelector documentation: ug --- -# Thumb and thumb overlay in Flutter Range Selector (SfRangeSelector) +# Thumb and Thumb overlay in Flutter Range Selector (SfRangeSelector) This section helps to learn about how to customize the thumb and thumb overlay in the range selector. diff --git a/Flutter/range-selector/ticks.md b/Flutter/range-selector/ticks.md index 8c1b0d32b..7f0dd33d8 100644 --- a/Flutter/range-selector/ticks.md +++ b/Flutter/range-selector/ticks.md @@ -86,7 +86,7 @@ class Data { ![Major tick support](images/tick/selector_major_tick.png) -N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/tickShape.html) and [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html) for customizing the major tick’s visual appearance. +N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/tickShape.html) and [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html) for customizing the major tick's visual appearance. ## Show minor ticks @@ -163,7 +163,7 @@ class Data { N> * Refer the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) to know about the rendering of major ticks at given interval. -* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/minorTickShape.html) and [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html) for customizing the minor tick’s visual appearance. +* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/minorTickShape.html) and [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html) for customizing the minor tick's visual appearance. ## Major ticks color diff --git a/Flutter/range-slider/accessibility.md b/Flutter/range-slider/accessibility.md index b64b19e4f..d132873cf 100644 --- a/Flutter/range-slider/accessibility.md +++ b/Flutter/range-slider/accessibility.md @@ -13,7 +13,7 @@ documentation: ug The [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html) can be accessed by screen readers. The default reading format for start thumb is `The start value is ${values.start}` and end thumb is `the end value is ${values.end}`. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/semanticFormatterCallback.html) property. -For android, you can adjust the value of each thumb by moving the focus to it and then pressing the volume buttons to increase or decrease the value. +For Android, you can adjust the value of each thumb by moving the focus to it and then pressing the volume buttons to increase or decrease the value. For iOS, you can adjust the value of each thumb by moving the focus to it and then swiping up or down to increase or decrease the value respectively. diff --git a/Flutter/range-slider/getting-started.md b/Flutter/range-slider/getting-started.md index 983099dfc..c391b10c9 100644 --- a/Flutter/range-slider/getting-started.md +++ b/Flutter/range-slider/getting-started.md @@ -10,7 +10,7 @@ documentation: ug # Getting started with Flutter Range Slider (SfRangeSlider) This section explains the steps required to add the range slider widget and its elements such as numeric and date values, ticks, labels and tooltips. This section covers only basic features needed to know to get started with Syncfusion® range slider. -To get start quickly with our Flutter Range Slider widget, you can check on this video. +To get start quickly with our Flutter Range Slider widget, you can check out this video. diff --git a/Flutter/range-slider/interval.md b/Flutter/range-slider/interval.md index c340e033f..d09dc1025 100644 --- a/Flutter/range-slider/interval.md +++ b/Flutter/range-slider/interval.md @@ -8,7 +8,7 @@ documentation: ug --- # Interval in Flutter Range Slider (SfRangeSlider) -This section explains about how to add the interval for numeric and date range slider. +This section explains about how to add the intervals for numeric and date range slider. ## Numeric interval @@ -93,7 +93,7 @@ N> ## Date interval -The type of date interval. It can be years to seconds. It is mandatory for date [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html). The default value of [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateIntervalType.html) property is `null`. +The type of date interval can range from years to seconds. It is mandatory for date [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html). The default value of [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateIntervalType.html) property is `null`. For date values, the range slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) for date values. diff --git a/Flutter/range-slider/labels-and-divider.md b/Flutter/range-slider/labels-and-divider.md index cde87e90e..90b7e2145 100644 --- a/Flutter/range-slider/labels-and-divider.md +++ b/Flutter/range-slider/labels-and-divider.md @@ -12,7 +12,7 @@ This section explains about how to add the labels and dividers in the range slid ## Show labels -The [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showLabels.html) property is used to render the labels on given interval. The default value of [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showLabels.html) property is `false`. +The [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showLabels.html) property is used to render the labels at given interval. The default value of [`showLabels`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showLabels.html) property is `false`. ### Horizontal diff --git a/Flutter/range-slider/overview.md b/Flutter/range-slider/overview.md index adf3c5604..a410f3629 100644 --- a/Flutter/range-slider/overview.md +++ b/Flutter/range-slider/overview.md @@ -1,23 +1,23 @@ --- layout: post -title: About Flutter Range Slider widget | Syncfusion +title: About Flutter Range Slider widget | Syncfusion description: Learn here all about the introduction of Syncfusion Flutter Range Slider (SfRangeSlider) widget, its features, and more. platform: Flutter control: SfRangeSlider documentation: ug --- -# Flutter range slider (SfRangeSlider) Overview +# Flutter Range Slider (SfRangeSlider) Overview -Syncfusion® Flutter Range Slider is a highly interactive UI widget, allowing users to select a smaller range from a larger data set. It provides rich features, such as numeric and date values, labels, ticks, dividers, and tooltips. +Syncfusion® Flutter Range Slider is a highly interactive UI widget that allows users to select a smaller range from a larger data set. It provides rich features such as numeric and date values, labels, ticks, dividers, and tooltips. ![Range slider overview](images/overview/range-slider-overview.png) ## Features -* **Numeric and date support** - Provides functionality for selecting numeric and date ranges. For the date range, support is provided up to the seconds interval. -* **Labels** - Render labels for the date and numeric ranges with the option to customize their format based on your requirements. -* **Ticks and dividers** - Provides the option to show ticks and dividers based on the interval. Also enables minor ticks to indicate the values between each interval. These options present the selected range in a more intuitive way for end users. -* **Highly customizable** - In addition to the rich set of built-in features, fully customize the control in a much simpler way using the wide range of provided options. -* **Tooltips** - Render tooltips to show the selected range clearly. It is also possible to customize the format of the text shown in the tooltip. -* **Orientation** - Supports both horizontal and vertical orientations. +* **Numeric and date support** - Provides functionality for selecting numeric and date ranges. For date ranges, support is provided up to the seconds interval. +* **Labels** - Renders labels for date and numeric ranges with options to customize their format based on your requirements. +* **Ticks and dividers** - Provides options to show ticks and dividers based on intervals. Also enables minor ticks to indicate values between each interval. These features present the selected range in a more intuitive way for end users. +* **Highly customizable** - In addition to the rich set of built-in features, the control can be fully customized in a simple way using the wide range of provided options. +* **Tooltips** - Renders tooltips to clearly show the selected range. It is also possible to customize the format of text shown in tooltips. +* **Orientation** - Supports both horizontal and vertical orientations. \ No newline at end of file diff --git a/Flutter/range-slider/right-to-left.md b/Flutter/range-slider/right-to-left.md index 5270b91a6..555a595a1 100644 --- a/Flutter/range-slider/right-to-left.md +++ b/Flutter/range-slider/right-to-left.md @@ -53,7 +53,7 @@ Widget build(BuildContext context) { ### Changing the locale to RTL languages -The range slider will render in right to left direction if the locale belongs to RTL languages such as (Arabic ,Persian ,Hebrew, Pashto, Urdu). It can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. +The range slider will render in right to left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu. This can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. {% tabs %} {% highlight Dart %} diff --git a/Flutter/range-slider/thumb-and-overlay.md b/Flutter/range-slider/thumb-and-overlay.md index db070078b..5dabc2c30 100644 --- a/Flutter/range-slider/thumb-and-overlay.md +++ b/Flutter/range-slider/thumb-and-overlay.md @@ -1,13 +1,13 @@ --- layout: post title: Thumb in Flutter Range Slider widget | Syncfusion -description: Learn here all about adding the thumb and thumb overlay features in Syncfusion Flutter Range Slider (SfRangeSlider) widget and more. +description: Learn here all about adding the thumb and thumb overlay features in Syncfusion Flutter Range Slider (SfRangeSlider) widget and more. platform: Flutter control: SfRangeSlider documentation: ug --- -# Thumb and thumb overlay in Flutter Range Slider (SfRangeSlider) +# Thumb and Thumb overlay in Flutter Range Slider (SfRangeSlider) This section helps to learn about how to customize the thumb and thumb overlay in the range slider. diff --git a/Flutter/range-slider/ticks.md b/Flutter/range-slider/ticks.md index 3bf712fd1..f550cf08f 100644 --- a/Flutter/range-slider/ticks.md +++ b/Flutter/range-slider/ticks.md @@ -87,7 +87,7 @@ Widget build(BuildContext context) { ![Range slider tick support](images/tick/vertical-major-tick.png) -N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/tickShape.html) and [`SfRangeSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData-class.html) for customizing the major tick’s visual appearance. +N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/tickShape.html) and [`SfRangeSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData-class.html) for customizing the major tick's visual appearance. ## Show minor ticks @@ -169,7 +169,7 @@ Widget build(BuildContext context) { N> * Refer the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showTicks.html) to know about the rendering major ticks at given interval. -* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/minorTickShape.html) and [`SfRangeSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData-class.html) for customizing the minor tick’s visual appearance. +* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/minorTickShape.html) and [`SfRangeSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData-class.html) for customizing the minor tick's visual appearance. ## Major ticks color diff --git a/Flutter/range-slider/track.md b/Flutter/range-slider/track.md index d49d2a873..49313f449 100644 --- a/Flutter/range-slider/track.md +++ b/Flutter/range-slider/track.md @@ -1,7 +1,7 @@ --- layout: post title: Track in Flutter Range Slider widget | Syncfusion -description: Learn here all about adding the Track feature in Syncfusion Flutter Range Slider (SfRangeSlider) widget and more. +description: Learn here all about adding the Track feature in Syncfusion Flutter Range Slider (SfRangeSlider) widget and more. platform: Flutter control: SfRangeSlider documentation: ug diff --git a/Flutter/slider/accessibility.md b/Flutter/slider/accessibility.md index bb509ccd8..697ed9b08 100644 --- a/Flutter/slider/accessibility.md +++ b/Flutter/slider/accessibility.md @@ -13,9 +13,9 @@ documentation: ug The [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) can be accessed by screen readers. By default, it will read the current value. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/semanticFormatterCallback.html) property. -For android, you can adjust the value of thumb by moving the focus to it and then pressing the volume buttons to increase or decrease the value. +For Android, you can adjust the value of the thumb by moving the focus to it and then pressing the volume buttons to increase or decrease the value. -For iOS, you can adjust the value of thumb by moving the focus to it and then swiping up or down to increase or decrease the value respectively. +For iOS, you can adjust the value of the thumb by moving the focus to it and then swiping up or down to increase or decrease the value respectively. ### Horizontal @@ -103,7 +103,7 @@ You can customize the color of the [`SfSlider`](https://pub.dev/documentation/sy ## Large fonts -The font size of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) will be automatically scaled based on the device settings. Also, you can change the font size of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) elements using the following APIs: +The font size of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) will be automatically scaled based on the device settings. Additionally, you can change the font size of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) elements using the following APIs: * [`Label style`](https://help.syncfusion.com/flutter/slider/labels-and-divider#label-style) * [`Tooltip label style`](https://help.syncfusion.com/flutter/slider/tooltip#tooltip-label-style) diff --git a/Flutter/slider/getting-started.md b/Flutter/slider/getting-started.md index fc155d187..40b559c0c 100644 --- a/Flutter/slider/getting-started.md +++ b/Flutter/slider/getting-started.md @@ -8,7 +8,7 @@ documentation: ug --- # Getting started with Flutter Slider (Slider) -This section explains the steps required to add the slider widget and its elements such as numeric and date values, ticks, labels and tooltip. This section covers only basic features needed to know to get started with Syncfusion® slider. +This section explains the steps required to add the slider widget and its elements such as numeric and date values, ticks, labels, and tooltip. This section covers only basic features needed to get started with Syncfusion® slider. To get start quickly with our Flutter Slider widget, you can check on this video. diff --git a/Flutter/slider/right-to-left.md b/Flutter/slider/right-to-left.md index a6b0eb8e0..ab7516a24 100644 --- a/Flutter/slider/right-to-left.md +++ b/Flutter/slider/right-to-left.md @@ -51,7 +51,7 @@ Widget build(BuildContext context) { ### Changing the locale to RTL languages -The slider will render in right to left direction if the locale belongs to RTL languages such as (Arabic ,Persian ,Hebrew, Pashto, Urdu). It can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. +The slider will render in right to left direction if the locale belongs to RTL languages such as (Arabic, Persian, Hebrew, Pashto, Urdu). It can be achieved by specifying the MaterialApp properties such as `localizationsDelegates`, `supportedLocales`, `locale` and adding the flutter_localizations package to your pubspec.yaml file. {% tabs %} {% highlight Dart %} diff --git a/Flutter/slider/shapes.md b/Flutter/slider/shapes.md index f40b167ea..7e6957c90 100644 --- a/Flutter/slider/shapes.md +++ b/Flutter/slider/shapes.md @@ -25,7 +25,7 @@ N> {% tabs %} {% highlight Dart %} - double _value = 5.0; +double _value = 5.0; @override Widget build(BuildContext context) { @@ -91,7 +91,7 @@ You can change the size and shape of the thumb using the [`thumbShape`](https:// * paint() - Used to change the thumb shape. N> -* You must use the`currentValue` parameter of paint override method for customizing slider thumb. +* You must use the `currentValue` parameter of paint override method for customizing slider thumb. * You must use the `currentValues` parameter of paint override method for customizing range slider and range selector thumbs. {% tabs %} diff --git a/Flutter/slider/thumb-and-overlay.md b/Flutter/slider/thumb-and-overlay.md index 5a34d3e08..427130b04 100644 --- a/Flutter/slider/thumb-and-overlay.md +++ b/Flutter/slider/thumb-and-overlay.md @@ -503,7 +503,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Thumb overlay size support](images/thumb-and-overlay/slider-overlay-color.png) +![Thumb overlay color support](images/thumb-and-overlay/slider-overlay-color.png) ### Vertical diff --git a/Flutter/slider/ticks.md b/Flutter/slider/ticks.md index bccc3a91e..225846d88 100644 --- a/Flutter/slider/ticks.md +++ b/Flutter/slider/ticks.md @@ -1,6 +1,6 @@ --- layout: post -title: Tick in Flutter Slider widget | Syncfusion +title: Tick in Flutter Slider widget | Syncfusion description: Learn here all about adding the Tick feature of Syncfusion Flutter Slider (SfSlider) widget and more. platform: Flutter control: SfSlider @@ -87,7 +87,7 @@ Widget build(BuildContext context) { ![Slider tick support](images/tick/vertical-major-tick.png) -N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/tickShape.html) and [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html) for customizing the major tick’s visual appearance. +N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/tickShape.html) and [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html) for customizing the major tick's visual appearance. ## Show minor ticks @@ -169,7 +169,7 @@ Widget build(BuildContext context) { N> * Refer the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/showTicks.html) to know about the rendering major ticks at given interval. -* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/minorTickShape.html) and [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html) for customizing the minor tick’s visual appearance. +* Refer the [`minorTickShape`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/minorTickShape.html) and [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html) for customizing the minor tick's visual appearance. ## Major ticks color