diff --git a/Flutter/DateRangePicker/Callbacks.md b/Flutter/DateRangePicker/Callbacks.md
index ef95a828a..03a992b1f 100644
--- a/Flutter/DateRangePicker/Callbacks.md
+++ b/Flutter/DateRangePicker/Callbacks.md
@@ -7,9 +7,9 @@ control: SfDateRangePicker
documentation: ug
---
-# Callbacks in Flutter DateRangePicker (SfDateRangePicker)
+# Callbacks in Flutter Date Range Picker (SfDateRangePicker)
-Calendar supports the [ViewChangedCallback](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerViewChangedCallback.html) and [SelectionChangedCallback](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedCallback.html) to interact with the Flutter date range picker.
+Calendar supports the [ViewChangedCallback](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerViewChangedCallback.html) and [SelectionChangedCallback](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedCallback.html) to interact with the Flutter Date Range Picker.
## View changed callback
@@ -40,7 +40,7 @@ The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/
## Selection changed callback
-The [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSelectionChanged.html) callback triggers when selecting the dates from the date picker.
+The [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSelectionChanged.html) callback triggers when selecting the dates from the Flutter Date Range Picker.
* `args.value` - returns the dates based on the selection mode.
diff --git a/Flutter/DateRangePicker/accessibility.md b/Flutter/DateRangePicker/accessibility.md
index 04eb8453e..1886f05e8 100644
--- a/Flutter/DateRangePicker/accessibility.md
+++ b/Flutter/DateRangePicker/accessibility.md
@@ -75,7 +75,7 @@ The following APIs allows you to customize the colors of the following elements.
## Large fonts
-The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the [MediaQueryData.textScaleFactor](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). It also allows you to change the font size of all elements in date range picker.
+The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the [MediaQueryData.textScaleFactor](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). It also allows you to change the font size of all elements in Flutter Date Range Picker.
* [todayTextStyle](https://help.syncfusion.com/flutter/daterangepicker/customizations)
* [leadingDatesTextStyle](https://help.syncfusion.com/flutter/daterangepicker/customizations)
* [trailingDatesTextStyle](https://help.syncfusion.com/flutter/daterangepicker/customizations)
diff --git a/Flutter/DateRangePicker/builders.md b/Flutter/DateRangePicker/builders.md
index d06ca9447..14c01935a 100644
--- a/Flutter/DateRangePicker/builders.md
+++ b/Flutter/DateRangePicker/builders.md
@@ -8,11 +8,11 @@ documentation: ug
---
# Builders in Flutter DateRangePicker (SfDateRangePicker)
-The date range picker allows you to create a responsive UI with the conditions based on a widget’s details, and to design and create your custom view to the month cells and year cells in the date range picker.
+The Flutter Date Range Picker allows you to create a responsive UI with the conditions based on a widget’s details, and to design and create your custom view to the month cells and year cells.
## Cell builder
-The [DateRangePickerCellBuilder](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerCellBuilder.html) allows you to design your custom view and assign the view to the month and year view cells of the date range picker by returning an appropriate widget in the [cellBuilder](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/cellBuilder.html) of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
+The [DateRangePickerCellBuilder](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerCellBuilder.html) allows you to design your custom view and assign the view to the month and year view cells of the Flutter Date Range Picker by returning an appropriate widget in the [cellBuilder](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/cellBuilder.html) of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
[DateRangePickerCellDetails](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerCellDetails-class.html): Returns the details of the cell.
diff --git a/Flutter/DateRangePicker/customizations.md b/Flutter/DateRangePicker/customizations.md
index 6ca14ebc7..e1a40f296 100644
--- a/Flutter/DateRangePicker/customizations.md
+++ b/Flutter/DateRangePicker/customizations.md
@@ -107,7 +107,7 @@ You can customize the month format of the [SfDateRangePicker](https://pub.dev/do
## Selection cell customization
-You can also customize the date range picker section by using the [monthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/monthCellStyle.html) of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
+You can also customize the Flutter Date Range Picker section by using the [monthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/monthCellStyle.html) of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
* **Selection date text style** – Selected date text style can be customized using the [selectionTextStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectionTextStyle.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) that is applicable for [selectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectionMode.html) is [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single) and [multiple](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiple), it is also applicable to start and end of the selected range text style in the [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single) and [multiRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiRange) selection.
diff --git a/Flutter/DateRangePicker/date-navigations.md b/Flutter/DateRangePicker/date-navigations.md
index a589745b5..22bcc4b4f 100644
--- a/Flutter/DateRangePicker/date-navigations.md
+++ b/Flutter/DateRangePicker/date-navigations.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# Date Navigation in Flutter DateRangePicker (SfDateRangePicker)
+# Date Navigation in Flutter Date Range Picker (SfDateRangePicker)
## Programmatic date navigation
@@ -392,7 +392,7 @@ You can customize the navigation mode of the date range picker by using the [nav
>**NOTE**
When the navigation mode is set to [DateRangePickerNavigationMode.scroll](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerNavigationMode.html#scroll).
* Swipe selection is not supported when the range and multi-range are the selection modes.
-* The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onViewChanged.html) will be called when the view reaches the starting position of the date range picker view.
+* The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onViewChanged.html) will be called when the view reaches the starting position of the Date Range Picker view.
* [forward](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/forward.html), [backward](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/backward.html) and [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/showNavigationArrow.html) is not supported.
diff --git a/Flutter/DateRangePicker/date-restrictions.md b/Flutter/DateRangePicker/date-restrictions.md
index 9182fc1aa..f0d13cb4d 100644
--- a/Flutter/DateRangePicker/date-restrictions.md
+++ b/Flutter/DateRangePicker/date-restrictions.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# Date Restrictions in Flutter DateRangePicker (SfDateRangePicker)
+# Date Restrictions in Flutter Date Range Picker (SfDateRangePicker)
## Minimum display date
@@ -97,7 +97,7 @@ In [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepick
## SelectableDayPredicate
-[selectableDayPredicate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectableDayPredicate.html) callback allows certain days for selection. Only the days that [selectableDayPredicate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectableDayPredicate.html) returns `true` will be selectable in the date range picker.
+[selectableDayPredicate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectableDayPredicate.html) callback allows certain days for selection. Only the days that [selectableDayPredicate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectableDayPredicate.html) returns `true` will be selectable in the Flutter Date Range Picker.
{% tabs %}
{% highlight dart hl_lines="4 5 6 7 8 9" %}
diff --git a/Flutter/DateRangePicker/getting-started.md b/Flutter/DateRangePicker/getting-started.md
index 3f440361d..d4850364e 100644
--- a/Flutter/DateRangePicker/getting-started.md
+++ b/Flutter/DateRangePicker/getting-started.md
@@ -7,11 +7,11 @@ control: SfDateRangePicker
documentation: ug
---
-# Getting Started with Flutter DateRangePicker (SfDateRangePicker)
+# Getting Started with Flutter Date Range Picker (SfDateRangePicker)
-This section explains the steps required to add the [date range picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker) widget. This section covers only basic features needed to get started with Syncfusion® date range picker widget.
+This section explains the steps required to add the [Flutter Date Range Picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker) widget. This section covers only basic features needed to get started with Syncfusion® Flutter DateRangePicker widget.
-To get start quickly with our Flutter date range picker widget, you can check on this video.
+To get start quickly with our Flutter Date Range Picker widget, you can check on this video.
@@ -22,7 +22,7 @@ Create a simple project using the instructions given in the [Getting Started wit
**Add dependency**
-Add the Syncfusion® Flutter date range picker dependency to your `pubspec.yaml` file.
+Add the Syncfusion® Flutter Date Range Picker dependency to your `pubspec.yaml` file.
{% highlight dart %}
@@ -32,7 +32,7 @@ syncfusion_flutter_datepicker: ^xx.x.xx
{% endhighlight %}
-N> Here **xx.x.xx** denotes the current version of [`Syncfusion Flutter Date Picker`](https://pub.dev/packages/syncfusion_flutter_datepicker/versions) package.
+N> Here **xx.x.xx** denotes the current version of [`Syncfusion Flutter Date Range Picker`](https://pub.dev/packages/syncfusion_flutter_datepicker/versions) package.
**Get packages**
@@ -56,9 +56,9 @@ import 'package:syncfusion_flutter_datepicker/datepicker.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize date range picker
+## Initialize Date Range Picker
-After importing the package, initialize the date range picker widget as a child of any widget. Here, the date range picker widget is added as a child of the scaffold widget.
+After importing the package, initialize the Flutter Date Range Picker widget as a child of any widget. Here, the date range picker widget is added as a child of the scaffold widget.
{% tabs %}
{% highlight dart hl_lines="5" %}
@@ -79,7 +79,7 @@ After importing the package, initialize the date range picker widget as a child
## Multiple picker views
-The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget provides four different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/view.html) property. Default view of the widget is month view. By default the current date will be displayed initially for all the date range picker views.
+The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget provides four different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/view.html) property. Default view of the widget is month view. By default the current date will be displayed initially for all the Date Range Picker views.
{% tabs %}
{% highlight dart hl_lines="5" %}
@@ -124,7 +124,7 @@ The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepic
The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) supports selecting single, multiple, and range of dates. It also supports programmatic selection.
-The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSelectionChanged.html) callback of date range picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html) which contains the selected date or range details.
+The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSelectionChanged.html) callback of the Flutter Date Range Picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html) which contains the selected date or range details.
{% tabs %}
{% highlight dart hl_lines="1 2 3 11" %}
@@ -154,7 +154,7 @@ The selected date or range details can be obtained using the [onSelectionChanged
## Today highlight color
-You can highlight the today’s date by customizing its color in the date range picker by using the [todayHighlightColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/todayHighlightColor.html) property. This allows you to make today’s date stand out in all views such as month, year, decade, and century.
+You can highlight the today’s date by customizing its color in the Flutter Date Range Picker by using the [todayHighlightColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/todayHighlightColor.html) property. This allows you to make today’s date stand out in all views such as month, year, decade, and century.
{% tabs %}
@@ -175,7 +175,7 @@ You can highlight the today’s date by customizing its color in the date range
## Action buttons
-You can display action buttons at the bottom of the date range picker by using the [showActionButtons](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/showActionButtons.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
+You can display action buttons at the bottom of the Flutter Date Range Picker by using the [showActionButtons](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/showActionButtons.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
* [confirmText](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/confirmText.html) - Customizes the text that display on the confirm button.
@@ -183,7 +183,7 @@ You can display action buttons at the bottom of the date range picker by using t
* [onCancel](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onCancel.html) - Callback function that is triggered when the cancel button is tapped within a date range picker.
-* [onSubmit](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSubmit.html) - Callback function that is triggered when the confirm button is tapped within a date range picker.
+* [onSubmit](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/onSubmit.html) - Callback function that is triggered when the confirm button is tapped within a Flutter Date Range Picker.
{% tabs %}
{% highlight dart hl_lines="11" %}
@@ -220,7 +220,7 @@ You can display action buttons at the bottom of the date range picker by using t
## Today button
-The today button can be displayed at the bottom of the date range picker by using the [showTodayButton](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/showTodayButton.html) property of the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html). It easily moves to the current date of the picker view.
+The today button can be displayed at the bottom of the Flutter Date Range Picker by using the [showTodayButton](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/showTodayButton.html) property of the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html). It easily moves to the current date of the picker view.
{% tabs %}
{% highlight dart hl_lines="6" %}
diff --git a/Flutter/DateRangePicker/headers.md b/Flutter/DateRangePicker/headers.md
index ccc87a339..9d2dc4ffe 100644
--- a/Flutter/DateRangePicker/headers.md
+++ b/Flutter/DateRangePicker/headers.md
@@ -7,9 +7,9 @@ control: SfDateRangePicker
documentation: ug
---
-# Headers in Flutter DateRangePicker (SfDateRangePicker)
+# Headers in Flutter Date Range Picker (SfDateRangePicker)
-You can customize the header of the date range picker using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerStyle.html) and [headerHeight](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerHeight.html) properties in date range picker.
+You can customize the header of the Flutter Date Range Picker using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerStyle.html) and [headerHeight](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/headerHeight.html) properties in date range picker.
## Customize the header height
diff --git a/Flutter/DateRangePicker/hijri-date-picker.md b/Flutter/DateRangePicker/hijri-date-picker.md
index 1ce4ae145..d6c0843cf 100644
--- a/Flutter/DateRangePicker/hijri-date-picker.md
+++ b/Flutter/DateRangePicker/hijri-date-picker.md
@@ -7,13 +7,13 @@ control: SfDateRangePicker
documentation: ug
---
-# About Flutter Hijri DateRangePicker Control (SfHijriDateRangePicker)
+# About Flutter Hijri Date Range Picker Control (SfHijriDateRangePicker)
Along with the Gregorian calendar, the picker package contains a Hijri date picker to display the Islamic calendar. Islamic calendar or Hijri calendar is a lunar calendar consisting of 12 months in a year of 354 or 355 days. To know more about the Islamic calendar, kindly refer to [Wikipedia](https://en.wikipedia.org/wiki/Islamic_calendar).
It consists of all the Gregorian calendar functionalities like min and max date, the first day of the week, different selection modes, RTL, and customization for special dates.
-To display the Hijri date picker, initialize the [HijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) widget as a child of any widget. Here, the Hijri date range picker added as a child of the scaffold widget.
+To display the Hijri Date Range Picker, initialize the [HijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) widget as a child of any widget. Here, the Hijri date range picker added as a child of the scaffold widget.
{% tabs %}
{% highlight dart hl_lines="4" %}
@@ -30,7 +30,7 @@ To display the Hijri date picker, initialize the [HijriDateRangePicker](https://
{% endhighlight %}
{% endtabs %}
-
+
>**NOTE**
* Most of the properties type and classes were same from [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) except the followings [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html), [HijriDatePickerMonthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle-class.html), [HijriDatePickerMonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthViewSettings-class.html), [HijriDatePickerViewChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerViewChangedArgs-class.html), [HijriDatePickerYearCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerYearCellStyle-class.html), [HijriDateRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDateRange-class.html) and [HijriDatePickerView](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerView.html).
@@ -38,7 +38,7 @@ To display the Hijri date picker, initialize the [HijriDateRangePicker](https://
## Multiple picker views
-The [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) widget provides three different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/view.html) property. The default view of the widget is the month view. By default, the current date will be displayed initially for all the date range picker views.
+The [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) widget provides three different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/view.html) property. The default view of the widget is the month view. By default, the current date will be displayed initially for all the Date Range Picker views.
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -144,7 +144,7 @@ Customize the Week number style by using the [textStyle](https://pub.dev/documen
The [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) supports selecting single, multiple, and range of dates. It also supports the programmatic selection.
-The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/onSelectionChanged.html) callback of Hijri date range picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html), which contains the selected date or range details.
+The selected date or range details can be obtained using the [onSelectionChanged](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/onSelectionChanged.html) callback of Hijri Date Range Picker. The callback will return the [DateRangePickerSelectionChangedArgs](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionChangedArgs-class.html), which contains the selected date or range details.
{% tabs %}
@@ -173,7 +173,7 @@ The selected date or range details can be obtained using the [onSelectionChanged
## Programmatic date navigation
-You can programmatically navigate date in the Hijri date picker widget by using the [displayDate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/displayDate.html) property from [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
+You can programmatically navigate date in the Hijri Date Range Picker widget by using the [displayDate](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/displayDate.html) property from [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
{% tabs %}
{% highlight dart hl_lines="2 6 15" %}
@@ -206,7 +206,7 @@ class MyAppState extends State {
## Programmatic view navigation
-You can programmatically navigate to any view in the Hijri date picker widget by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/view.html) property of [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
+You can programmatically navigate to any view in the Hijri Date Range Picker widget by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController/view.html) property of [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
{% tabs %}
{% highlight dart hl_lines="2 6 15" %}
@@ -238,7 +238,7 @@ class MyAppState extends State {
## Programmatic date selection
-You can select dates programmatically on the Hijri date picker widget by using the [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
+You can select dates programmatically on the Hijri Date Range Picker widget by using the [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html).
For selection [refer](https://help.syncfusion.com/flutter/daterangepicker/selections).
@@ -321,7 +321,7 @@ class MyAppState extends State {
You can select the single date range programmatically by using the [selectedRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerController/selectedRange.html) property of [HijriDatePickerController](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerController-class.html). It is only applicable when the [selectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/selectionMode.html) is set to [DateRangePickerSelectionMode.range](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#range).
-Use the [HijriDateRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDateRange-class.html) to define the date range for the Hijri date picker.
+Use the [HijriDateRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDateRange-class.html) to define the date range for the Hijri Date Range Picker.
{% tabs %}
{% highlight dart hl_lines="2 7 8 17 18" %}
@@ -398,7 +398,7 @@ class MyAppState extends State {
### Extendable range selection
-Extend the selected range with the new selected date in any date range picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [extendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange).
+Extend the selected range with the new selected date in any Date Range Picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [extendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange).
{% tabs %}
{% highlight dart hl_lines="2 7 8 17 18" %}
@@ -467,7 +467,7 @@ You can set the extendable range selection direction as forward, backward, both
## Month cell customization
-Customize the Hijri date picker month view by using the [monthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/monthCellStyle.html) property of [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html).
+Customize the Hijri Date Range Picker month view by using the [monthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker/monthCellStyle.html) property of [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html).
* **Current month dates**: You can customize the text style and background of the current month dates in the [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) by using the [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle/textStyle.html) and [cellDecoration](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle/cellDecoration.html) properties of [HijriDatePickerMonthCellStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle-class.html).
* **Today date**: You can customize the text style and background of the today's date in the [SfHijriDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfHijriDateRangePicker-class.html) by using the [todayTextStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle/todayTextStyle.html) and [todayCellDecoration](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/HijriDatePickerMonthCellStyle/todayCellDecoration.html).
diff --git a/Flutter/DateRangePicker/how-to/custom-widget-on-flutterflow.md b/Flutter/DateRangePicker/how-to/custom-widget-on-flutterflow.md
index 9f2ce742d..373186722 100644
--- a/Flutter/DateRangePicker/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/DateRangePicker/how-to/custom-widget-on-flutterflow.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# How to Add DateRangePicker in FlutterFlow (SfDateRangePicker)
+# How to Add Date Range Picker in FlutterFlow (SfDateRangePicker)
## Overview
@@ -28,31 +28,31 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
-### Add DateRangePicker widget as a dependency
+### Add Date Range Picker widget as a dependency
1. Click on `+ Add Dependency`, a text editor will appear.
-2. Navigate to [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
+2. Navigate to [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
3. Paste the copied dependency into the text editor, then click `Refresh` and `Save` it.
->**Note**: The live version of [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) has been migrated to the latest version of Flutter SDK. To ensure compatibility, check [FlutterFlow](https://app.flutterflow.io/dashboard)'s current Flutter version and obtain the corresponding version of [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) by referring to the [SDK compatibility](https://help.syncfusion.com/flutter/system-requirements#sdk-version-compatibility).
+>**Note**: The live version of [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) has been migrated to the latest version of Flutter SDK. To ensure compatibility, check [FlutterFlow](https://app.flutterflow.io/dashboard)'s current Flutter version and obtain the corresponding version of [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) by referring to the [SDK compatibility](https://help.syncfusion.com/flutter/system-requirements#sdk-version-compatibility).
>**Note**: If you are using an older version of a dependency instead of the latest one, remove the caret symbol (^) prefix in the version number after pasting the dependency. For example, change `^21.3.0` to `21.3.0`.
->**Note**: Since [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) depends on the [Syncfusion® Flutter Core](https://pub.dev/packages/syncfusion_flutter_core) package, make sure to add it as a dependency following the same steps mentioned above.
+>**Note**: Since [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) depends on the [Syncfusion® Flutter Core](https://pub.dev/packages/syncfusion_flutter_core) package, make sure to add it as a dependency following the same steps mentioned above.
### Import the package
-1. Navigate to the `Installing` tab on the [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) page. Under the `Import it` section, copy the package import statement.
+1. Navigate to the `Installing` tab on the [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) page. Under the `Import it` section, copy the package import statement.
2. Paste the copied import statement into the code editor and then `Save` it.
### Add widget code snippet in code editor
-1. Navigate to the [Example](https://pub.dev/packages/syncfusion_flutter_datepicker/example) tab in [Syncfusion® Flutter DatePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) and copy the widget specific codes.
+1. Navigate to the [Example](https://pub.dev/packages/syncfusion_flutter_datepicker/example) tab in [Syncfusion® Flutter DateRangePicker](https://pub.dev/packages/syncfusion_flutter_datepicker) and copy the widget specific codes.
2. Paste the copied code sample into the code editor, click `Format Code`, and `Save` it.
diff --git a/Flutter/DateRangePicker/localization.md b/Flutter/DateRangePicker/localization.md
index 2f628dbbb..56e2dac49 100644
--- a/Flutter/DateRangePicker/localization.md
+++ b/Flutter/DateRangePicker/localization.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# Localization in Flutter DateRangePicker (SfDateRangePicker)
+# Localization in Flutter Date Range Picker (SfDateRangePicker)
By default, the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget supports US English localizations. You can change other languages by specifying the [MaterialApp](https://api.flutter.dev/flutter/material/MaterialApp-class.html) properties and adding the `flutter_localizations` package to your application.
diff --git a/Flutter/DateRangePicker/overview.md b/Flutter/DateRangePicker/overview.md
index 16e66d8db..e9c5d0c56 100644
--- a/Flutter/DateRangePicker/overview.md
+++ b/Flutter/DateRangePicker/overview.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# About Flutter DateRangePicker Control (SfDateRangePicker)
+# About Flutter Date Range Picker Control (SfDateRangePicker)
The Syncfusion® Flutter Date Range Picker is a lightweight widget that allows users to easily select a single date, multiple dates, or a range of dates. It provides month, year, decade, and century view options to quickly navigate to the desired date. It supports minimum, maximum, and disabled dates to restrict date selection.
@@ -38,21 +38,21 @@ The Syncfusion® Flutter Date Range Picker is a lightweight widget
* **Change first day of week**: Customize the first day of the week as needed. The default first day is Sunday.
-* **Blackout dates**: Disable any date to make it inactive in a date range picker. Easily prevent the selection of weekends by disabling them.
+* **Blackout dates**: Disable any date to make it inactive in a Date Range Picker. Easily prevent the selection of weekends by disabling them.
-* **Highlight holidays and weekends**: Highlight any date or every weekend in a month as special days using decoration in Flutter date range picker.
+* **Highlight holidays and weekends**: Highlight any date or every weekend in a month as special days using decoration in Flutter Date Range Picker.
-* **Appearance customization**: Change the look and feel of the date range picker by customizing its default appearance and style using Flutter decorations.
+* **Appearance customization**: Change the look and feel of the Date Range Picker by customizing its default appearance and style using Flutter decorations.
* **Right to left (RTL)** - Right-to-left direction support for users working in RTL languages like Hebrew and Arabic.
-* **Accessibility** - Easy access of the date range picker by screen readers.
+* **Accessibility** - Easy access of the Date Range Picker by screen readers.
* **Globalization** - Display the current date and time by following the globalized date and time formats.
diff --git a/Flutter/DateRangePicker/right-to-left.md b/Flutter/DateRangePicker/right-to-left.md
index 523cc7c32..1db270666 100644
--- a/Flutter/DateRangePicker/right-to-left.md
+++ b/Flutter/DateRangePicker/right-to-left.md
@@ -7,7 +7,7 @@ control: SfDateRangePicker
documentation: ug
---
-# Right-to-Left (RTL) in Flutter DateRangePicker (SfDateRangePicker)
+# Right-to-Left (RTL) in Flutter Date Range Picker (SfDateRangePicker)
[SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) supports Right to left rendering and all the date picker elements rendering direction will be changed.
@@ -40,7 +40,7 @@ The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepic
### Changing the locale to RTL languages
-To change the date range picker rendering direction from right to left, change the locale to any of the RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu.
+To change the rendering direction of the Flutter Date Range Picker from right to left, change the locale to any of the RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu.
{% tabs %}
{% highlight dart hl_lines="4 5 6 7 8 9 10 11 12 13" %}
diff --git a/Flutter/DateRangePicker/selections.md b/Flutter/DateRangePicker/selections.md
index f5c814b69..2b70241b3 100644
--- a/Flutter/DateRangePicker/selections.md
+++ b/Flutter/DateRangePicker/selections.md
@@ -7,15 +7,15 @@ control: SfDateRangePicker
documentation: ug
---
-# Selections in Flutter DateRangePicker (SfDateRangePicker)
+# Selections in Flutter Date Range Picker (SfDateRangePicker)
Dates can be selected by touching the month view cells. The default [selectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/selectionMode.html) is Single that allows the user to select one date at a time. [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) provides support to select dates in five modes such as [Single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single), [Multiple](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiple), [Range](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#range) [MultiRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiRange) and [ExtendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange) selection
->**NOTE** When the [allowViewNavigation](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/allowViewNavigation.html) property is set to `false`, the Date range picker allows you to select the cells in the year, decade, and century views of date range picker.
+>**NOTE** When the [allowViewNavigation](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/allowViewNavigation.html) property is set to `false`, the Flutter Date Range Picker allows you to select the cells in the year, decade, and century views.
## Single selection
- A [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single) date range picker cell can be selected in a date range picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single).
+A [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single) cell can be selected in the Flutter Date Range Picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [single](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#single).
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -45,7 +45,7 @@ Dates can be selected by touching the month view cells. The default [selectionMo
## Multiple selection
-You can randomly select more than one date range picker cell by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [multiple](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiple). By clicking again you can deselect the selected cells.
+You can randomly select more than one Date Range Picker cell by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [multiple](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiple). By clicking again you can deselect the selected cells.
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -67,7 +67,7 @@ You can randomly select more than one date range picker cell by setting the [Dat
## Range selection
-You can select a range of cells in any date range picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to the [range](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#range).
+You can select a range of cells in any Date Range Picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to the [range](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#range).
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -97,7 +97,7 @@ You can select a range of cells in any date range picker view by setting the [Da
## Multi range selection
-You can select more than one range of cells in any of the date range picker views by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to the [multiRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiRange).
+You can select more than one range of cells in any of the Date Range Picker views by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to the [multiRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#multiRange).
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -119,7 +119,7 @@ You can select more than one range of cells in any of the date range picker view
## Extendable range selection
-Extend the selected range with the new selected date in any date range picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [extendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange).
+Extend the selected range with the new selected date in any Date Range Picker view by setting the [DateRangePickerSelectionMode](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html) to [extendableRange](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerSelectionMode.html#extendableRange).
{% tabs %}
{% highlight dart hl_lines="7" %}
diff --git a/Flutter/DateRangePicker/views.md b/Flutter/DateRangePicker/views.md
index c28f7f117..0361e6f7c 100644
--- a/Flutter/DateRangePicker/views.md
+++ b/Flutter/DateRangePicker/views.md
@@ -7,9 +7,9 @@ control: SfDateRangePicker
documentation: ug
---
-# Views in Flutter DateRangePicker (SfDateRangePicker)
+# Views in Flutter Date Range Picker (SfDateRangePicker)
-The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget provides four different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/view.html) property. Default view of the widget is month view. By default the current date will be displayed initially for all the date range picker views.
+The [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html) widget provides four different types of views to display. It can be assigned to the widget constructor by using the [view](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/view.html) property. Default view of the widget is month view. By default the current date will be displayed initially for all the Date Range Picker views.
## Month view
@@ -33,7 +33,7 @@ This view displays the entire dates of a particular month. By default, the curre
-#### Week number
+### Week number
Display the Week number of the year in the MonthView by setting the [showWeekNumber](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings/showWeekNumber.html) property of the [DateRangePickerMonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerMonthViewSettings-class.html) as true, and by default it is false. Week numbers will be displayed based on the ISO standard.
{% tabs %}
@@ -58,7 +58,7 @@ Display the Week number of the year in the MonthView by setting the [showWeekNum
-#### Week number appearance
+### Week number appearance
Customize the Week number style by using the [textStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/textStyle.html) and the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle/backgroundColor.html) properties of the [DateRangePickerWeekNumberStyle](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerWeekNumberStyle-class.html).
@@ -178,7 +178,7 @@ The number of weeks in the month view can be customized by setting the [numberOf
## Multi-date picker view
-You can enable a multi-date range picker by using the [enableMultiView](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/enableMultiView.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html), which displays two date range pickers side by side, the space between the two date-range picker can be customized by using the [viewSpacing](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/viewSpacing.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
+You can enable a multi-view Date Range Picker by using the [enableMultiView](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/enableMultiView.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html), which displays two date range pickers side by side, the space between the two date-range picker can be customized by using the [viewSpacing](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/viewSpacing.html) property of [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -205,7 +205,7 @@ You can enable a multi-date range picker by using the [enableMultiView](https://
## Vertical picker
-You can arrange the two date range picker views in the vertical direction by setting the [navigationDirection](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/navigationDirection.html) as [DateRangePickerNavigationDirection.vertical](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerNavigationDirection.html#vertical) in the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).`
+You can arrange the two Date Range Picker views in the vertical direction by setting the [navigationDirection](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker/navigationDirection.html) as [DateRangePickerNavigationDirection.vertical](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/DateRangePickerNavigationDirection.html#vertical) in the [SfDateRangePicker](https://pub.dev/documentation/syncfusion_flutter_datepicker/latest/datepicker/SfDateRangePicker-class.html).`
{% tabs %}
{% highlight dart hl_lines="7" %}
@@ -226,7 +226,7 @@ You can arrange the two date range picker views in the vertical direction by set
{% endhighlight %}
{% endtabs %}
-
+
## See also
diff --git a/Flutter/ai-assistview/action-button.md b/Flutter/ai-assistview/action-button.md
index 70d1fc011..493b69d61 100644
--- a/Flutter/ai-assistview/action-button.md
+++ b/Flutter/ai-assistview/action-button.md
@@ -48,7 +48,7 @@ class DefaultActionButtonExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Child
@@ -84,7 +84,7 @@ class ActionButtonChildExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### onPressed callback
@@ -172,7 +172,7 @@ class ActionButtonTooltipExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Colors
@@ -297,7 +297,7 @@ class ActionButtonMouseCursorExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Shape
@@ -340,7 +340,7 @@ class ActionButtonShapeExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Margin
diff --git a/Flutter/ai-assistview/composer.md b/Flutter/ai-assistview/composer.md
index 4d5a7c453..c8e0b0da9 100644
--- a/Flutter/ai-assistview/composer.md
+++ b/Flutter/ai-assistview/composer.md
@@ -52,7 +52,7 @@ class MinMaxLinesExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Decoration
@@ -110,7 +110,7 @@ class BorderExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
#### Content padding
@@ -146,7 +146,7 @@ class ContentPaddingExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
#### Hint text
@@ -181,7 +181,7 @@ class HintTextExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
#### Hint text style
@@ -221,7 +221,7 @@ class HintTextStyleExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
#### Prefix and suffix icons
@@ -263,7 +263,7 @@ class PrefixSuffixIconExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Margin
@@ -298,7 +298,7 @@ class ComposerMarginExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Text style
@@ -335,7 +335,7 @@ class TextStyleExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Builder
@@ -451,6 +451,6 @@ class _ComposerBuilderExampleState extends State {
{% endhighlight %}
{% endtabs %}
-
+
>You can refer to our [Flutter AI AssistView](https://www.syncfusion.com/flutter-widgets/flutter-aiassistview) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter AI AssistView example](https://flutter.syncfusion.com/#/ai-assist-view/getting-started) which demonstrates interaction between users and AI services in a fully customizable layout and shows how to easily configure the AI AssistView with built-in support for creating stunning visual effects.
diff --git a/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md b/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
index b522bd699..a38f138ba 100644
--- a/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/ai-assistview/how-to/custom-widget-on-flutterflow.md
@@ -28,7 +28,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
-### Add AIAssistView widget as a dependency
+### Add AI AssistView widget as a dependency
1. Click on `+ Add Dependency`, and a text editor will appear.
2. Navigate to [Syncfusion® Flutter Chat](https://pub.dev/packages/syncfusion_flutter_chat) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
diff --git a/Flutter/ai-assistview/placeholder.md b/Flutter/ai-assistview/placeholder.md
index 15d67a722..76228be0a 100644
--- a/Flutter/ai-assistview/placeholder.md
+++ b/Flutter/ai-assistview/placeholder.md
@@ -145,7 +145,7 @@ class _HideOnMessageExampleState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Scroll with message
@@ -164,6 +164,6 @@ The placeholder can [`scroll`](https://pub.dev/documentation/syncfusion_flutter_
{% endhighlight %}
{% endtabs %}
-
+
>You can refer to our [Flutter AI AssistView](https://www.syncfusion.com/flutter-widgets/flutter-aiassistview) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter AI AssistView example](https://flutter.syncfusion.com/#/ai-assist-view/getting-started) which demonstrates interaction between users and AI services in a fully customizable layout and shows how to easily configure the AI AssistView with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/barcode/accessibility.md b/Flutter/barcode/accessibility.md
index 7124adb05..b7737b1bf 100644
--- a/Flutter/barcode/accessibility.md
+++ b/Flutter/barcode/accessibility.md
@@ -1,6 +1,6 @@
---
layout: post
-title: Accessibility in Flutter Barcodes | Syncfusion®
+title: Accessibility in Flutter Barcode Generator | Syncfusion®
description: Learn about accessibility support in Syncfusion® Flutter Barcodes (SfBarcodeGenerator), including screen readers, keyboard navigation, and more.
platform: flutter
@@ -8,7 +8,7 @@ control: SfBarcodeGenerator
documentation: ug
---
-# Accessibility in Flutter Barcodes (SfBarcodeGenerator)
+# Accessibility in Flutter Barcode Generator (SfBarcodeGenerator)
## Sufficient contrast
@@ -20,9 +20,9 @@ You can customize colors for the following elements:
## Large fonts
-The [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html) automatically adjusts font size based on device settings and scales according to the [`MediaQueryData.textScaleFactor`](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). It also allows you to change the font size of all text elements in the barcode generator.
-* [Input value of barcode](https://help.syncfusion.com/flutter/barcode/barcode-customization#text-customization)
+The [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html) automatically adjusts font size based on device settings and scales according to the [`MediaQueryData.textScaleFactor`](https://api.flutter.dev/flutter/widgets/MediaQueryData/textScaleFactor.html). It also allows you to change the font size of all text elements in Flutter Barcode Generator.
+* [Input value of Barcode Generator](https://help.syncfusion.com/flutter/barcode/barcode-customization#text-customization)
## Screen reader support
-The [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html) supports Flutter's built-in [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) framework, which provides voice-over and TalkBack screen reader support. You can wrap the barcode generator in a [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) widget and provide a descriptive label using the label property so that screen readers can announce the barcode's input value. Alternatively, the [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) widget can be placed on the parent container holding the [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html). This improves accessibility for visually impaired users, especially since barcodes are inherently visual elements that cannot be interpreted by screen readers without a meaningful label.
\ No newline at end of file
+The [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html) supports Flutter's built-in [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) framework, which provides voice-over and TalkBack screen reader support. You can wrap the Flutter Barcode Generator in a [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) widget and provide a descriptive label using the label property so that screen readers can announce the barcode's input value. Alternatively, the [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) widget can be placed on the parent container holding the [`SfBarcodeGenerator`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator-class.html). This improves accessibility for visually impaired users, especially since barcodes are inherently visual elements that cannot be interpreted by screen readers without a meaningful label.
\ No newline at end of file
diff --git a/Flutter/barcode/barcode-customization.md b/Flutter/barcode/barcode-customization.md
index 1611ffb94..6033b924d 100644
--- a/Flutter/barcode/barcode-customization.md
+++ b/Flutter/barcode/barcode-customization.md
@@ -1,21 +1,21 @@
---
layout: post
-title: Customization in Flutter Barcodes | Syncfusion®
+title: Customization in Flutter Barcode Generator | Syncfusion®
description: Learn about customization options in Syncfusion® Flutter Barcodes (SfBarcodeGenerator), including appearance, sizing, colors, and styling.
platform: flutter
control: SfBarcodeGenerator
documentation: ug
---
-# Customization in Flutter Barcodes (SfBarcodeGenerator)
+# Customization in Flutter Barcode Generator (SfBarcodeGenerator)
-To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcodes](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
+To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcode Generator](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
## Text customization
**Displaying input value**
-To display the input value of the barcode, enable its [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) property. By default, it is set to false.
+To display the input value of the Barcode Generator, enable its [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) property. By default, it is set to false.
{% tabs %}
@@ -52,7 +52,7 @@ To display the input value of the barcode, enable its [`showValue`](https://pub.
**Text style customization**
-The text style can be customized using the [`textStyle`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textStyle.html) property of the barcode generator.
+The text style can be customized using the [`textStyle`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textStyle.html) property of the Flutter Barcode Generator.
{% tabs %}
@@ -99,7 +99,7 @@ The text style can be customized using the [`textStyle`](https://pub.dev/documen
**Text spacing**
-Control the space between the text and the barcode with the [`textSpacing`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textSpacing.html) property of barcode generator. By default, it is set to 2.
+Control the space between the text and the barcode with the [`textSpacing`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textSpacing.html) property of the Flutter Barcode Generator. By default, it is set to 2.
{% tabs %}
@@ -140,7 +140,7 @@ Control the space between the text and the barcode with the [`textSpacing`](http
**Horizontal text alignment**
-The horizontal text alignment can be managed with the [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property of barcode generator. Position the displayed text at the [`start`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#start), [`center`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#center) or [`end`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#end) of the control. The default value of [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property is center.
+The horizontal text alignment can be managed with the [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property of the Flutter Barcode Generator. Position the displayed text at the [`start`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#start), [`center`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#center) or [`end`](https://api.flutter.dev/flutter/dart-ui/TextAlign.html#end) of the control. The default value of [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property is center.
{% tabs %}
@@ -351,7 +351,7 @@ The following code snippet shows the two-dimensional barcode without the [`modul
**Bar color customization**
-Customize the barcode's bar color using the [`barColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/barColor.html) property as shown in the following code snippet.
+Customize the bar color of the Barcode Generator using the [`barColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/barColor.html) property as shown in the following code snippet.
{% tabs %}
@@ -391,7 +391,7 @@ Customize the barcode's bar color using the [`barColor`](https://pub.dev/documen
**Background color customization**
-You can customize the barcode's background color with the [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/backgroundColor.html) property of barcode generator as shown in the following code snippet.
+You can customize the background color of the Barcode Generator using the [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/backgroundColor.html) property, as shown in the following code snippet.
{% tabs %}
diff --git a/Flutter/barcode/getting-started.md b/Flutter/barcode/getting-started.md
index 271220679..353528f64 100644
--- a/Flutter/barcode/getting-started.md
+++ b/Flutter/barcode/getting-started.md
@@ -1,24 +1,24 @@
---
layout: post
-title: Getting Started with Flutter Barcodes | Syncfusion®
+title: Getting Started with Flutter Barcode Generator | Syncfusion®
description: Learn how to get started with the Syncfusion® Flutter Barcodes (SfBarcodeGenerator). Explore setup, barcode generation, and customization options.
platform: flutter
control: SfBarcodeGenerator
documentation: ug
---
-# Getting Started with Flutter Barcodes (SfBarcodeGenerator)
+# Getting Started with Flutter Barcode Generator (SfBarcodeGenerator)
-This section explains the steps required to add the barcode and set its symbology. This section covers only basic features needed to get started with Syncfusion® barcode generator widget.
+This section explains the steps required to add the barcode and set its symbology. This section covers only basic features needed to get started with Syncfusion® Flutter Barcode Generator widget.
-## Add Flutter Barcode to an application
+## Add Flutter Barcode Generator to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter Barcode dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Barcodes dependency to your pubspec.yaml file.
{% tabs %}
@@ -99,11 +99,11 @@ Add the Barcode Generator widget as a child of any widget. Here, the widget is a
N> The default symbology of SfBarcodeGenerator is [`Code128`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code128-class.html).
-
+
## Initialize QR Code symbology
-You can set the required symbology type to the barcode generator based on input value by initializing the [`symbology`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology-class.html) property. In the following code snippet, the QR code is set as the barcode symbology.
+You can set the required symbology type to the Flutter Barcode Generator based on input value by initializing the [`symbology`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology-class.html) property. In the following code snippet, the QR code is set as the barcode symbology.
{% tabs %}
@@ -144,7 +144,7 @@ You can set the required symbology type to the barcode generator based on input
## Display input value
-The provided input value can be displayed below the barcode by enabling the [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) property of barcode as shown in the following code snippet.
+The provided input value can be displayed below the barcode by enabling the [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) property of Barcode Generator as shown in the following code snippet.
{% tabs %}
diff --git a/Flutter/barcode/how-to/custom-widget-on-flutterflow.md b/Flutter/barcode/how-to/custom-widget-on-flutterflow.md
index d9b3076de..84d363435 100644
--- a/Flutter/barcode/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/barcode/how-to/custom-widget-on-flutterflow.md
@@ -1,19 +1,19 @@
---
layout: post
-title: How to Add Barcodes in FlutterFlow | Syncfusion®
+title: How to Add Barcode Generator in FlutterFlow | Syncfusion®
description: Learn how to add and use Syncfusion® Flutter Barcodes (SfBarcodeGenerator) in FlutterFlow, including setup, integration, and configuration.
platform: flutter
control: SfBarcodeGenerator
documentation: ug
---
-# How to Add Barcodes in FlutterFlow (SfBarcodeGenerator)
+# How to Add Barcode Generator in FlutterFlow (SfBarcodeGenerator)
## Overview
[FlutterFlow](https://app.flutterflow.io/dashboard) enables you to create native applications using its graphical interface, reducing the need to write extensive amounts of code. Additionally, it offers the capability to include custom widgets that are not included in the default [FlutterFlow](https://app.flutterflow.io/dashboard) widget collection. This article explains how to incorporate our `SfBarcodeGenerator` widget as a custom widget in [FlutterFlow](https://app.flutterflow.io/dashboard).
-To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcodes](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
+To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcode Generator](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
### Create a new project
@@ -30,7 +30,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
-### Add the Barcodes widget as a dependency
+### Add the Barcode Generator widget as a dependency
1. Click on `+ Add Dependency`; a text editor will appear.
2. Navigate to [Syncfusion® Flutter Barcodes](https://pub.dev/packages/syncfusion_flutter_barcodes) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
diff --git a/Flutter/barcode/one-dimensional.md b/Flutter/barcode/one-dimensional.md
index 56aacad0b..7a6efd6cd 100644
--- a/Flutter/barcode/one-dimensional.md
+++ b/Flutter/barcode/one-dimensional.md
@@ -1,17 +1,17 @@
---
layout: post
-title: One-Dimensional Symbology in Flutter Barcodes | Syncfusion®
+title: One-Dimensional Symbology in Flutter Barcode Generator | Syncfusion®
description: Learn about one-dimensional symbology support in Syncfusion® Flutter Barcodes (SfBarcodeGenerator), including Code128, EAN, UPC, Codabar, and Code39.
platform: flutter
control: SfBarcodeGenerator
documentation: ug
---
-# One-Dimensional Symbology in Flutter Barcodes (SfBarcodeGenerator)
+# One-Dimensional Symbology in Flutter Barcode (SfBarcodeGenerator)
-To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcodes](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
+To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcode Generator](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
-One-dimensional barcodes represent data by varying the widths and spacings of parallel lines. These barcode types are also known as linear barcodes. The Syncfusion® flutter barcode generator supports the following one-dimensional barcode types:
+One-dimensional barcodes represent data by varying the widths and spacings of parallel lines. These barcode types are also known as linear barcodes. The Syncfusion® Flutter Barcode Generator supports the following one-dimensional barcode types:
* [`Codabar`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Codabar-class.html)
* [`Code39`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39-class.html)
diff --git a/Flutter/barcode/overview.md b/Flutter/barcode/overview.md
index dfa4de689..ab4d23188 100644
--- a/Flutter/barcode/overview.md
+++ b/Flutter/barcode/overview.md
@@ -11,9 +11,9 @@ documentation: ug
The Syncfusion® Flutter Barcode Generator is a data visualization widget designed to generate and display data in a machine-readable format. It offers an efficient way to encode text using supported symbology types.
-To get started with the Flutter Barcode Generator, refer to the [Getting Started with Flutter Barcodes](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
+To get started with the Flutter Barcode Generator, refer to the [Getting Started with Flutter Barcode Generator](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
-
+
@@ -29,4 +29,4 @@ To quickly get started with our Flutter Barcode Generator widget, watch the tuto
* **Barcode customization** - Customize the visual appearance of barcodes using the [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/backgroundColor.html) and [`barColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/barColor.html) properties and adjust the size of smallest line or dot of the code using the [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property.
* **Text customization** - Configure to display the barcode value and customize the position and style of the barcode text.
-You can get the barcode sample in the following link: [`Flutter Barcode Examples`](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/barcodes).
\ No newline at end of file
+You can get the barcode sample in the following link: [`Flutter Barcode Generator Examples`](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/barcodes).
\ No newline at end of file
diff --git a/Flutter/barcode/two-dimensional.md b/Flutter/barcode/two-dimensional.md
index fe550d00c..30be8646d 100644
--- a/Flutter/barcode/two-dimensional.md
+++ b/Flutter/barcode/two-dimensional.md
@@ -1,17 +1,17 @@
---
layout: post
-title: Two-Dimensional Symbology in Flutter Barcodes | Syncfusion®
+title: Two-Dimensional Symbology in Flutter Barcode Generator | Syncfusion®
description: Learn about two-dimensional symbology support in Syncfusion® Flutter Barcodes (SfBarcodeGenerator), including QR Code, Data Matrix, and PDF417.
platform: flutter
control: SfBarcodeGenerator
documentation: ug
---
-# Two-Dimensional Symbology in Flutter Barcodes (SfBarcodeGenerator)
+# Two-Dimensional Symbology in Flutter Barcode (SfBarcodeGenerator)
-To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcodes](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
+To get started with the Flutter Barcode Generator and set up the package, refer to the [Getting Started with Flutter Barcode Generator](https://help.syncfusion.com/flutter/barcode/getting-started) documentation.
-Two-dimensional barcode is a way to represent information by using the two-dimensional approach. It is similar to one-dimensional barcode, but can represent more data per unit area. The barcode generator control supports the following two-dimensional symbology:
+Two-dimensional barcode is a way to represent information by using the two-dimensional approach. It is similar to one-dimensional barcode, but can represent more data per unit area. The Flutter Barcode Generator widget supports the following two-dimensional symbology:
* [`QR Code`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/QRCode-class.html)
* [`Data Matrix`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/DataMatrix-class.html)
@@ -21,7 +21,7 @@ Two-dimensional barcode is a way to represent information by using the two-dimen
A [`QR Code`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/QRCode-class.html) is a two-dimensional barcode that consists of a grid of dark and light dots or blocks that form a square. The data encoded in the barcode can be numeric, alphanumeric, or Shift JIS characters.
* The QR Code uses version from 1 to 40. Version 1 measures 21 modules x 21 modules, Version 2 measures 25 modules x 25 modules, and so on. The number of modules increases in steps of 4 modules per side up to Version 40 that measures 177 modules x 177 modules.
-* Each version has its own capacity. By default, the barcode control automatically sets the version according to the length of the input text.
+* Each version has its own capacity. By default, the Barcode Generator widget automatically sets the version according to the length of the input text.
* The QR Barcodes are designed for industrial uses and also commonly used in consumer advertising.
{% tabs %}
diff --git a/Flutter/calendar/accessibility.md b/Flutter/calendar/accessibility.md
index cae33c7eb..a80e63b41 100644
--- a/Flutter/calendar/accessibility.md
+++ b/Flutter/calendar/accessibility.md
@@ -70,7 +70,7 @@ The following APIs allow you to customize the colors of the following elements.
## Large fonts
-The [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the `MediaQueryData.textScaler`. And also it allows to change the font size of all UI elements in the calendar.
+The [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html) font size can be adjusted automatically based on device settings and the font size scaled based on the `MediaQueryData.textScaler`. And also it allows to change the font size of all UI elements in the Flutter Calendar.
* [appointmentTextStyle](https://help.syncfusion.com/flutter/calendar/appointments#appearance-customization)
* [timeTextStyle](https://help.syncfusion.com/flutter/calendar/timeslot-views#time-text-appearance)
* [dateTextStyle](https://help.syncfusion.com/flutter/calendar/schedule-view#day-header-customization)
@@ -90,7 +90,7 @@ The following keyboard interactions are supported by the [SfCalendar](https://pu
| Left arrow | Moves selection to the same time slot on the previous day |
| Tab | Focuses the next clickable element, except appointments and cells |
| Shift + tab | Focuses the previous clickable element, except appointment and cells |
-| Alt + number | Calendar view changes in the order of day, week, work week, month, timeline and schedule. Also view change will be restricted if it is not mentioned in the allowed views property of the calendar |
+| Alt + number | Calendar view changes in the order of day, week, work week, month, timeline and schedule. Also view change will be restricted if it is not mentioned in the allowed views property of the Flutter Event Calendar |
| Ctrl + left arrow | To navigate to the previous view |
| Ctrl + right arrow| To navigate to the next view |
| Page up/down | Vertically scrolls through the timeslot views |
diff --git a/Flutter/calendar/appointments.md b/Flutter/calendar/appointments.md
index 680107bb5..0a7cd0acc 100644
--- a/Flutter/calendar/appointments.md
+++ b/Flutter/calendar/appointments.md
@@ -9,7 +9,7 @@ documentation: ug
# Flutter Event Calendar Appointments (SfCalendar)
-SfCalendar widget has a built-in capability to handle the appointment arrangement internally based on the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html). [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html) is a class, which holds the details about the appointment to be rendered in calendar.
+SfCalendar widget has a built-in capability to handle the appointment arrangement internally based on the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html). [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html) is a class, which holds the details about the appointment to be rendered in Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16 23 24 25 26 27 28 29 30 31 32 34 35 37 38 39 40 41" %}
@@ -64,7 +64,7 @@ class _AppointmentDataSource extends CalendarDataSource {
## Calendar data source and mapping
-[CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html) is an abstract class used to set the appointment datasource for calendar and has properties to map the custom appointments to the calendar `Appointment`. Calendar supports full data binding to any type of List source. Specify the corresponding property override method to map the properties in the underlying data source to the calendar appointments in [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html).
+[CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html) is an abstract class used to set the appointment datasource for calendar and has properties to map the custom appointments to the calendar `Appointment`. Flutter Event Calendar supports full data binding to any type of List source. Specify the corresponding property override method to map the properties in the underlying data source to the calendar appointments in [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html).
| Property Name | Description |
|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------|
@@ -149,7 +149,7 @@ events.notifyListeners(CalendarDataSourceAction.reset, null);
Whenever the datasource changes, to notify the datasource action (add, remove, and reset) through notify listener. In the following example, the appointment and resource are added, removed, and replaced and notifyListeners is called in onPressed callback of the FloatingActionButton.
-#### Add Action
+### Add Action
When dynamically adding appointments to a data source, we must notify the data source for the add action.
@@ -221,7 +221,7 @@ class _AppointmentDataSource extends CalendarDataSource {
{% endhighlight %}
{% endtabs %}
-#### Remove Action
+### Remove Action
When we remove appointments from a data source dynamically, we must notify the data source for the remove action.
@@ -237,7 +237,7 @@ _events?.notifyListeners(CalendarDataSourceAction.remove,
{% endhighlight %}
{% endtabs %}
-#### Reset Action
+### Reset Action
When we replace appointments in a data source dynamically, we must notify the data source for the reset action.
@@ -252,7 +252,7 @@ _events?.notifyListeners(
{% endhighlight %}
{% endtabs %}
-#### Add Resource
+### Add Resource
When dynamically adding resource to a data source, we must notify the data source for add resource.
@@ -272,7 +272,7 @@ _events!.notifyListeners(CalendarDataSourceAction.addResource,
{% endhighlight %}
{% endtabs %}
-#### Remove Resource
+### Remove Resource
When we remove resource from a data source dynamically, we must notify the data source for remove resource.
@@ -289,7 +289,7 @@ _events!.notifyListeners(
{% endhighlight %}
{% endtabs %}
-#### Reset Resource
+### Reset Resource
When we replace resource in a data source dynamically, we must notify the data source for reset resource.
@@ -329,7 +329,7 @@ class Meeting {
{% endhighlight %}
{% endtabs %}
-You can map those properties of `Meeting` class with our calendar widget by using the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html) override methods properties.
+You can map those properties of `Meeting` class with our Flutter Event Calendar widget by using the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html) override methods properties.
{% tabs %}
{% highlight dart hl_lines="3 4 6 7 8 9 11 12 13 14 16 17 18 19 21 22 23 24 26 27 28 29 31 32 33 34 36 37 38 39 40" %}
@@ -541,7 +541,7 @@ _AppointmentDataSource _getCalendarDataSource() {
Recurring appointment on a daily, weekly, monthly, or yearly interval. Recurring appointments can be created by setting the [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceRule.html) property in `Appointment`.
-#### Recurrence rule
+### Recurrence rule
The [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceRule.html) is a string value (RRULE) that contains the details of the recurrence appointments such as repeat type - daily/weekly/monthly/yearly, how many times it needs to be repeated, the interval duration, also the time period to render the appointment, and more. The [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceRule.html) has the following properties and based on this property value, the recurrence appointments are rendered in the SfCalendar widget with its respective time period.
@@ -556,7 +556,7 @@ The [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/l
| BYMONTH | This property is used to store the index value of the selected Month while creating the yearly appointments. For example, when you create the yearly appointment in the Month June, it means the index value for June month is 6 and it is stored in the BYMONTH field. The appointment is created on every 6th month of a year. Example: FREQ=YEARLY;BYMONTHDAY=16;BYMONTH=6;INTERVAL=1;COUNT=10 |
| BYSETPOS | This property is used to store the index value of the week. For example, when you create the monthly appointment in second week of the month, the index value of the second week (2) is stored in BYSETPOS. Example: FREQ=MONTHLY;BYDAY=MO;BYSETPOS=2;UNTIL=20200810T183000Z . If the property value is set to -1 and -2, the appointment will be added to the last week and second last week of the month.|
-#### Adding recurrence appointment
+### Adding recurrence appointment
Calendar appointment recurrenceRule is used to populate the required recurring appointment collection in a specific pattern. RRULE can be directly set to the [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceRule.html) property of [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html).
@@ -601,9 +601,9 @@ class _AppointmentDataSource extends CalendarDataSource {
-#### Recurrence appointments on last day of month
+### Recurrence appointments on last day of month
-To create recurring appointments on the last day of the month, use BYMONTHDAY=-1 in the flutter event calendar.
+To create recurring appointments on the last day of the month, use BYMONTHDAY=-1 in the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="20" %}
@@ -641,7 +641,7 @@ class DataSource extends CalendarDataSource {
-#### Creating custom recurrence appointment
+### Creating custom recurrence appointment
For creating custom recurrence appointment, you need to create a custom class `Meeting` with mandatory fields `from`, `to`, and [recurrenceRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceRule.html).
@@ -668,7 +668,7 @@ class Meeting {
{% endhighlight %}
{% endtabs %}
-You can map those properties of `Meeting` class with our calendar widget by using [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html).
+You can map those properties of `Meeting` class with our Flutter Event Calendar widget by using [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html).
{% tabs %}
{% highlight dart hl_lines="31 32 33 34" %}
@@ -801,9 +801,9 @@ class Meeting {
{% endhighlight %}
{% endtabs %}
-#### How to get the Recurrence editor field values from RRULE?
+### How to get the Recurrence editor field values from RRULE?
-You can get the Recurrence properties form `RRULE` by using the [parseRRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/parseRRule.html) method from calendar.
+ You can get the Recurrence properties form `RRULE` by using the [parseRRule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/parseRRule.html) method from the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="2 3" %}
@@ -821,7 +821,7 @@ recurrenceProperties.interval = 1;
recurrenceProperties.recurrenceCount = 3;
recurrenceProperties.recurrenceRange = RecurrenceRange.count;
-#### How to get the recurrence dates from RRULE?
+### How to get the recurrence dates from RRULE?
You can get the occurrences date time list of recurring appointment from RRULE using the [getRecurrenceDateTimeCollection](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/getRecurrenceDateTimeCollection.html) method of SfCalendar.
@@ -844,19 +844,19 @@ var date2 = 3/17/2019;
You can delete or change any recurrence pattern appointment by handling exception dates and exception appointments to that recurring appointment.
-#### Recurrence exception dates
+### Recurrence exception dates
You can delete any occurrence appointment, which exception from the recurrence pattern appointment by adding exception dates to the recurring appointment.
-#### Recurrence exception appointment
+### Recurrence exception appointment
-You can also change any occurrence appointment, which exception from recurrence pattern appointment by adding the recurrence exception appointment to the calendar [dataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/dataSource.html).
+You can also change any occurrence appointment, which exception from recurrence pattern appointment by adding the recurrence exception appointment to the [dataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/dataSource.html) of the Flutter Event Calendar.
-#### Create recurrence exceptions for calendar appointment
+### Create recurrence exceptions for calendar appointment
You can add the recurrence exception appointments and recurrence exception dates to `Appointment` or remove them from `Appointment` by using its [recurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceExceptionDates.html) property.
-#### Delete occurrence from recurrence pattern appointment or adding exception dates to recurrence pattern appointment
+### Delete occurrence from recurrence pattern appointment or adding exception dates to recurrence pattern appointment
You can delete any of occurrence, which is an exception from the recurrence pattern appointment by using the [recurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceExceptionDates.html) property of `Appointment`. The deleted occurrence date will be considered as recurrence exception dates.
@@ -906,13 +906,13 @@ class _AppointmentDataSource extends CalendarDataSource {
>**NOTE**
* Exception dates should be Universal Time Coordinates (UTC) time zone.
-#### Create recurrence exceptions for custom appointment
+### Create recurrence exceptions for custom appointment
You can add the recurrence exception appointments and recurrence exception dates to the CustomAppointment or remove them from CustomAppointment, you can create a custom class `Meeting` with mandatory field [recurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceExceptionDates.html).
-#### Delete occurrence from custom recurrence pattern appointment or adding exception dates to custom recurrence pattern appointment
+### Delete occurrence from custom recurrence pattern appointment or adding exception dates to custom recurrence pattern appointment
-You can delete any occurrence, which is an exception from the recurrence pattern appointment by using the [getRecurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/getRecurrenceExceptionDates.html) override method of [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html), which is used to map the exception dates to the calendar recurrence appointment. The deleted occurrence date will be considered as recurrence exception dates.
+You can delete any occurrence, which is an exception from the recurrence pattern appointment by using the [getRecurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/getRecurrenceExceptionDates.html) override method of [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html), which is used to map the exception dates to the recurrence appointment of the Flutter Event Calendar. The deleted occurrence date will be considered as recurrence exception dates.
To add the exception dates in the recurrence series of custom appointment, add the [recurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceExceptionDates.html) property to custom class Meeting.
{% tabs %}
@@ -1014,7 +1014,7 @@ class Meeting {
>**NOTE**
* Exception dates should be Universal Time Coordinates (UTC) time zone.
-#### Add exception appointment to the recurrence series
+### Add exception appointment to the recurrence series
Add an exception appointment that is changed or modified occurrence of the recurrence pattern appointment to the [dateSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/dataSource.html) of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). To add a changed occurrence, ensure to set the [RecurrenceId](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceId.html) of that occurrence, and add the date of that occurrence to the [RecurrenceExceptionDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/recurrenceExceptionDates.html) of recurrence pattern appointment. The `RecurrenceId` of the changed occurrence should hold the exact recurrence pattern appointment [Id](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/id.html). We can get the type of appointment from the [appointmentType](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/appointmentType.html) property.
@@ -1065,7 +1065,7 @@ AppointmentDataSource _getDataSource() {
{% endhighlight %}
{% endtabs %}
-
+
>**NOTE**
* The RecurrenceId of the changed occurrence should hold the exact recurrence pattern appointment Id.
@@ -1074,7 +1074,7 @@ AppointmentDataSource _getDataSource() {
## Appearance customization
-The Calendar appointment text style can be customized by using the [appointmentTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentTextStyle.html) property of the calendar.
+The appointment text style of the Flutter Event Calendar can be customized by using the [appointmentTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentTextStyle.html) property .
{% tabs %}
{% highlight dart hl_lines="9 10 11 12 13" %}
@@ -1104,7 +1104,7 @@ Widget build(BuildContext context) {
## Appointment time format
-You can customize the displaying time format in the appointment widget in the month agenda view and schedule view of calendar by specifying the [appointmentTimeTextFormat](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentTimeTextFormat.html) property of the SfCalendar.
+You can customize the displaying time format in the appointment widget in the month agenda view and schedule view of the Flutter Event Calendar by specifying the [appointmentTimeTextFormat](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentTimeTextFormat.html) property.
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -1129,7 +1129,7 @@ You can customize the displaying time format in the appointment widget in the mo
### Get visible appointments
-You can get the list of visible appointments by using the [getVisibleAppointments](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/getVisibleAppointments.html) method available in the Calendar data source.
+You can get the list of visible appointments by using the [getVisibleAppointments](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/getVisibleAppointments.html) method available in the CalendarDataSource.
{% tabs %}
{% highlight dart hl_lines="19 20 21" %}
@@ -1240,7 +1240,7 @@ Gets the pattern appointment for the specified occurrence by using the [getPatte
## See also
-To know more about how to display more appointments in the Flutter Calendar, you can watch this video.
+To know more about how to display more appointments in the Flutter Event Calendar, you can watch this video.
diff --git a/Flutter/calendar/builders.md b/Flutter/calendar/builders.md
index 7a8fac307..e101df48f 100644
--- a/Flutter/calendar/builders.md
+++ b/Flutter/calendar/builders.md
@@ -9,14 +9,14 @@ documentation: ug
# Flutter Event Calendar Builders (SfCalendar)
-The calendar allows you to create a responsive UI with conditions based on a widget's details, to design and create your custom view for the month cells and month header of schedule view in the calendar.
+The Flutter Event Calendar allows you to create a responsive UI with conditions based on a widget's details, to design and create your custom view for the month cells and month header of schedule view.
-The calendar has two builders to create and assign your custom view:
+The Flutter Event Calendar has two builders to create and assign your custom view:
* Month cell builder
* Schedule view month header builder
## Month cell builder
-The [MonthCellBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthCellBuilder.html) allows you to design your custom view and assign the view to the month cells of the calendar by returning an appropriate widget in the [monthCellBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/monthCellBuilder.html) of [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
+The [MonthCellBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthCellBuilder.html) allows you to design your custom view and assign the view to the month cells of the Flutter Event Calendar by returning an appropriate widget in the [monthCellBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/monthCellBuilder.html) of [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
[MonthCellDetails](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthCellDetails-class.html) - returns the details of the month cell.
@@ -81,7 +81,7 @@ class CalendarApp extends StatelessWidget {
## Schedule view month header builder
-You can design your custom view and assign this view to the month header of a schedule view in the calendar by returning an appropriate widget using the [scheduleViewMonthHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/scheduleViewMonthHeaderBuilder.html) in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
+You can design your custom view and assign this view to the month header of a schedule view by returning an appropriate widget using the [scheduleViewMonthHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/scheduleViewMonthHeaderBuilder.html) in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
[ScheduleViewMonthHeaderDetails](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ScheduleViewMonthHeaderDetails-class.html) - returns the required details of the schedule view month header.
@@ -143,7 +143,7 @@ class CalendarApp extends StatelessWidget {
## Appointment builder
-The [CalendarAppointmentBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarAppointmentBuilder.html) allows you to design your custom view and assign the view to the appointment UI of the calendar by returning an appropriate widget in the [appointmentBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentBuilder.html) of [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
+The [CalendarAppointmentBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarAppointmentBuilder.html) allows you to design your custom view and assign the view to the appointment UI of the Flutter Event Calendar by returning an appropriate widget in the [appointmentBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/appointmentBuilder.html) of [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
[CalendarAppointmentDetails](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarAppointmentDetails-class.html): Returns the details of the appointment view.
@@ -292,7 +292,7 @@ class _CalendarAppState extends State {
## Time region builder
-The [TimeRegionBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegionBuilder.html) allows you to design your custom view and assign the view to the time region view of the calendar by returning an appropriate widget in the [timeRegionBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/timeRegionBuilder.html) of SfCalendar.
+The [TimeRegionBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegionBuilder.html) allows you to design your custom view and assign the view to the time region view of the Flutter Event Calendar by returning an appropriate widget in the [timeRegionBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/timeRegionBuilder.html).
[TimeRegionDetails](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegionDetails-class.html): Returns the details of the time region view.
@@ -368,7 +368,7 @@ class CalendarApp extends StatelessWidget {
## Resource view header builder
-The [ResourceViewHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewHeaderBuilder.html) allows you to design the custom view, and assign the view to the resource view header of the calendar by returning an appropriate widget in the [ResourceViewHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewHeaderBuilder.html) of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
+The [ResourceViewHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewHeaderBuilder.html) allows you to design the custom view, and assign the view to the resource view header by returning an appropriate widget in the [ResourceViewHeaderBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewHeaderBuilder.html) of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html).
[ResourceViewHeaderDetails](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewHeaderDetails-class.html) - returns the required details of the resource view header builder.
@@ -421,7 +421,7 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## See also
diff --git a/Flutter/calendar/callbacks.md b/Flutter/calendar/callbacks.md
index 39375a4e7..5ef53a166 100644
--- a/Flutter/calendar/callbacks.md
+++ b/Flutter/calendar/callbacks.md
@@ -9,11 +9,11 @@ documentation: ug
# Flutter Event Calendar Callbacks (SfCalendar)
-The calendar supports the [ViewChangedCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewChangedCallback.html) and [CalendarTapCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTapCallback.html) to interact with the Flutter calendar.
+The Flutter Event Calendar supports the [ViewChangedCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewChangedCallback.html) and [CalendarTapCallback](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTapCallback.html) to handle user interaction.
## View changed callback
-The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onViewChanged.html) callback triggers when the current view of calendar changed, that is view swiped to previous/next view, calendar view switched to another calendar view.
+The [onViewChanged](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onViewChanged.html) callback triggers when the current view of Flutter Event Calendar changed, that is view swiped to previous/next view, or when the calendar view is switched to another view.
* [visibleDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewChangedDetails/visibleDates.html) - returns the current view visible dates collection.
@@ -55,7 +55,7 @@ class CalendarApp extends StatelessWidget {
## Calendar tap callback
-The [onTap](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onTap.html) callback triggers whenever the calendar is tapped.
+The [onTap](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onTap.html) callback triggers whenever the Flutter Event Calendar is tapped.
* [date](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/date.html) - returns the selected date.
* [appointments](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/appointments.html) - returns the selected appointments.
@@ -99,15 +99,15 @@ class CalendarApp extends StatelessWidget {
>**NOTE**
* For recurrence appointment, the tap details will always return as `Appointment`, even for the custom business object.
-* The [onTap](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onTap.html) and [onLongPress](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onLongPress.html) callbacks are not applicable for pop-ups like allowedViews and date picker in the calendar header.
+* The [onTap](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onTap.html) and [onLongPress](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/onLongPress.html) callbacks are not applicable for pop-ups like allowedViews and date picker in the header of the Flutter Event Calendar.
-## Calendar details callback
+## Flutter Event Calendar details callback
-Return calendar details based on the given offset passed through an argument by using the [getCalendarDetailsAtOffset](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/getCalendarDetailsAtOffset.html) method.
+Return details of the Flutter Event Calendar based on the given offset passed through an argument by using the [getCalendarDetailsAtOffset](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/getCalendarDetailsAtOffset.html) method.
* [date](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/date.html) - returns the date based on the given offset.
* [appointments](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/appointments.html) - returns the appointments based on the given offset.
-* [targetElement](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/targetElement.html) - returns the calendar element based on the given offset.
+* [targetElement](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/targetElement.html) - returns the Flutter Event Calendar element based on the given offset.
* [resource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/resource.html) - returns the resource based on the given offset.
{% tabs %}
@@ -166,8 +166,8 @@ The long-pressed date, appointments, and element details when the long-press act
* [date](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/date.html) - returns the long-pressed date.
* [appointments](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/appointments.html) - returns the long-pressed appointments.
-* [targetElement](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/targetElement.html) - returns the long-pressed calendar element.
-* [resource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/resource.html) - returns the long-pressed calendar resource.
+* [targetElement](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/targetElement.html) - returns the long-pressed element in the Flutter Event Calendar.
+* [resource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarTouchDetails/resource.html) - returns the long-pressed resource in the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="18 19 20 21 22" %}
diff --git a/Flutter/calendar/date-navigations.md b/Flutter/calendar/date-navigations.md
index e7dc62d5a..3fd2a0f2d 100644
--- a/Flutter/calendar/date-navigations.md
+++ b/Flutter/calendar/date-navigations.md
@@ -76,7 +76,7 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
@@ -85,7 +85,7 @@ class CalendarApp extends StatelessWidget {
## Programmatic date navigation
-You can programmatically navigate dates in calendar widget by using the [displayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/displayDate.html) property of [CalendarController](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController-class.html).
+You can programmatically navigate dates in the Flutter Event Calendar widget by using the [displayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/displayDate.html) property of [CalendarController](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController-class.html).
{% tabs %}
{% highlight dart hl_lines="3 12 22" %}
@@ -130,7 +130,7 @@ class _CalendarAppState extends State {
{% endtabs %}
## Programmatic date selection
-You can programmatically select the dates in calendar widget by [selectedDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/selectedDate.html) property of [CalendarController](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController-class.html).
+You can programmatically select the dates in the Flutter Event Calendar widget by [selectedDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController/selectedDate.html) property of [CalendarController](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarController-class.html).
{% tabs %}
{% highlight dart hl_lines="3 12 22" %}
@@ -277,7 +277,7 @@ class _CalendarAppState extends State {
{% endtabs %}
## Show date picker
-You can enable the date picker for the calendar by using the [showDatePickerButton](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showDatePickerButton.html) property in the calendar, which displays the date picker in the header view. It allows you to quickly navigate to the different calendar views.
+You can enable the date picker for the Flutter Event Calendar by using the [showDatePickerButton](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showDatePickerButton.html) property, which displays the date picker in the header view. It allows you to quickly navigate to the different calendar views.
{% tabs %}
{% highlight dart hl_lines="15" %}
@@ -316,7 +316,7 @@ To know more about how to customize the Date Picker's appearance in the Flutter
## Show today button
-You can enable the today button by using the [showTodayButton](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showTodayButton.html) property in the calendar, which displays the today button in the header view. It allows you to quickly navigate from the current view to the today's view.
+You can enable the today button by using the [showTodayButton](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showTodayButton.html) property in the Flutter Event Calendar, which displays the today button in the header view. It allows you to quickly navigate from the current view to the today's view.
{% tabs %}
{% highlight dart hl_lines="15" %}
@@ -348,7 +348,7 @@ class CalendarApp extends StatelessWidget {
{% endtabs %}
## Allow view navigation
-You can quickly navigate to the day view by a tap on the month cell and view header of the calendar views by using the [allowViewNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowViewNavigation.html) property of the calendar.
+You can quickly navigate to the day view by a tap on the month cell and view header of the calendar views by using the [allowViewNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowViewNavigation.html) property of the Flutter Event Calendar.
{% tabs %}
@@ -383,7 +383,7 @@ class CalendarApp extends StatelessWidget {
## Allowed views
-You can quickly navigate to the different calendar views by using the [allowedViews](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowedViews.html) property in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). The views set to this property will display as a view button in the calendar header view. This UI will be responsive as showing more icons in the mobile view and will be updated based on the browser size change.
+You can quickly navigate to the different calendar views by using the [allowedViews](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowedViews.html) property in the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). The views set to this property will display as a view button in the header view of the Flutter Event Calendar. This UI will be responsive as showing more icons in the mobile view and will be updated based on the browser size change.
{% tabs %}
{% highlight dart hl_lines="15 16 17 18 19 20 21 22" %}
diff --git a/Flutter/calendar/drag-drop.md b/Flutter/calendar/drag-drop.md
index 42a49dd82..6a8476041 100644
--- a/Flutter/calendar/drag-drop.md
+++ b/Flutter/calendar/drag-drop.md
@@ -13,7 +13,7 @@ Easily reschedule an appointment by dragging it from one time slot or month cell
## Allow Drag and Drop
-To perform drag-and-drop operations within the calendar, enable the [allowDragAndDrop](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowDragAndDrop.html) property of SfCalendar.
+To perform drag-and-drop operations within the Flutter Event Calendar, enable the [allowDragAndDrop](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/allowDragAndDrop.html) property of SfCalendar.
{% tabs %}
{% highlight dart hl_lines="20" %}
@@ -210,7 +210,7 @@ void dragEnd(AppointmentDragEndDetails appointmentDragEndDetails) {
## Disabling navigation when dragging appointment
-You can restrict the navigation to the next/previous view when the dragging appointment reaches the start/end point of the current view in calendar by using the [allowNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowNavigation.html) property of [DragAndDropSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings-class.html). Default value of [allowNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowNavigation.html) property is true.
+You can restrict the navigation to the next/previous view when the dragging appointment reaches the start/end point of the current view in Flutter Event Calendar by using the [allowNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowNavigation.html) property of [DragAndDropSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings-class.html). Default value of [allowNavigation](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowNavigation.html) property is true.
{% tabs %}
{% highlight dart hl_lines="20" %}
@@ -247,7 +247,7 @@ class CalendarApp extends StatelessWidget {
## Disabling scroll when dragging appointment
-You can restrict the timeslot views auto scroll when the appointment reaches the start/end point of the view port in the timeslot views of calendar by using the [allowScroll](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowScroll.html) property of [DragAndDropSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/DragAndDropSettings.html).
+You can restrict the timeslot views auto scroll when the appointment reaches the start/end point of the view port in the timeslot views of Flutter Event Calendar by using the [allowScroll](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/allowScroll.html) property of [DragAndDropSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/DragAndDropSettings/DragAndDropSettings.html).
{% tabs %}
{% highlight dart hl_lines="20" %}
diff --git a/Flutter/calendar/getting-started.md b/Flutter/calendar/getting-started.md
index 7a7fcb500..7a7049369 100644
--- a/Flutter/calendar/getting-started.md
+++ b/Flutter/calendar/getting-started.md
@@ -9,21 +9,21 @@ documentation: ug
# Flutter Event Calendar Getting Started (SfCalendar)
-This section explains the steps required to add the calendar widget and populate appointments to the calendar widget. This section covers only basic features needed to get started with Syncfusion® calendar widget.
+This section explains the steps required to add the Flutter Event Calendar widget and populate it with appointments. This section covers only basic features needed to get started with Syncfusion® Flutter Calendar widget.
-To get started quickly with our [Flutter event calendar widget](https://www.syncfusion.com/flutter-widgets/flutter-calendar), you can refer to this video.
+To get started quickly with our [Flutter Event Calendar widget](https://www.syncfusion.com/flutter-widgets/flutter-calendar), you can refer to this video.
-N> You can also explore our [Flutter Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) to know how to render and configure the Flutter Examples.
+N> You can also explore our [Flutter Event Calendar example](https://flutter.syncfusion.com/#/event-calendar/getting-started) to know how to render and configure the Flutter Examples.
-## Add Flutter calendar to an application
+## Add Flutter Event Calendar to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter calendar dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Calendar dependency to your pubspec.yaml file.
{% tabs %}
{% highlight dart %}
@@ -61,9 +61,9 @@ import 'package:syncfusion_flutter_calendar/calendar.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize calendar
+## Initialize Flutter Event Calendar
-After importing the package, initialize the calendar widget as a child of any widget. Here, the calendar widget is added as a child of the scaffold widget.
+After importing the package, initialize the Flutter Event Calendar widget as a child of any widget. Here, the Flutter Event Calendar widget is added as a child of the scaffold widget.
{% tabs %}
{% highlight dart hl_lines="11" %}
@@ -131,8 +131,8 @@ class CalendarApp extends StatelessWidget {
## Add data source
-The calendar widget has a built-in capability to handle appointment arrangement internally based on the appointment collections. You need to assign the created collection to the [dataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/dataSource.html) property.
-You can also map custom appointment data to our calendar.
+The Flutter Event Calendar widget has a built-in capability to handle appointment arrangement internally based on the appointment collections. You need to assign the created collection to the [dataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/dataSource.html) property.
+You can also map custom appointment data to our Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16 22 23 24 25 26 27 28 29 30 31" %}
@@ -221,7 +221,7 @@ class Meeting {
## Change first day of week
-The calendar widget will be rendered with Sunday as the first day of the week, but you can customize it to any day by using the [firstDayOfWeek](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/firstDayOfWeek.html) property.
+The Flutter Event Calendar widget will be rendered with Sunday as the first day of the week, but you can customize it to any day by using the [firstDayOfWeek](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/firstDayOfWeek.html) property.
{% tabs %}
{% highlight dart hl_lines="12" %}
@@ -256,7 +256,7 @@ class CalendarApp extends StatelessWidget {
## Initial selected date
-You can programmatically select the specific calendar month cell, and time slot by setting corresponding date and time value to the [initialSelectedDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialSelectedDate.html) property of calendar. By default, it is null.
+You can programmatically select the specific month cell and time slot in the Flutter Event Calendar by setting corresponding date and time value to the [initialSelectedDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialSelectedDate.html) property. By default, it is null.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -293,7 +293,7 @@ class CalendarApp extends StatelessWidget {
## Initial display date
-You can change the initial display date of calendar by using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property of calendar, which displays the calendar based on the given date time. By default, current date will be set as `initialDisplayDate`.
+You can change the initial display date of the Flutter Event Calendar by using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property, which displays the calendar based on the given date time. By default, current date will be set as `initialDisplayDate`.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -330,7 +330,7 @@ class CalendarApp extends StatelessWidget {
## Selection decoration
-You can decorate the selection view of calendar by using the [selectionDecoration](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/selectionDecoration.html) property of Calendar.
+You can decorate the selection view of the Flutter Event Calendar by using the [selectionDecoration](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/selectionDecoration.html) property.
{% tabs %}
{% highlight dart hl_lines="14 15 16 17 18 19" %}
@@ -372,7 +372,7 @@ class CalendarApp extends StatelessWidget {
## Today highlight color
-You can customize the today highlight color of calendar by using the [todayHighlightColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/todayHighlightColor.html) property in calendar, which will highlight the today text in calendar view header, month cell, and agenda view.
+You can customize the today highlight color of the Flutter Event Calendar by using the [todayHighlightColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/todayHighlightColor.html) property. This property highlights the today text in the view header, month cell, and agenda view.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -409,7 +409,7 @@ class CalendarApp extends StatelessWidget {
## Cell border color
-You can customize the vertical and horizontal line color of calendar by using the [cellBorderColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/cellBorderColor.html) property in calendar.
+You can customize the vertical and horizontal line color of the Flutter Event Calendar by using the [cellBorderColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/cellBorderColor.html) property.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -446,7 +446,7 @@ class CalendarApp extends StatelessWidget {
## Background color
-The calendar widgets background color can be customized by using the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/backgroundColor.html) property in calendar.
+The background color of the Flutter Event Calendar can be customized by using the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/backgroundColor.html) property.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -482,7 +482,7 @@ class CalendarApp extends StatelessWidget {
## Navigation arrow
-Using the [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html), you can navigate to the next or previous views of the calendar without swiping.
+Using the [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html), you can navigate to the next or previous views of the Flutter Event Calendar without swiping.
{% tabs %}
{% highlight dart hl_lines="14" %}
@@ -520,7 +520,7 @@ class CalendarApp extends StatelessWidget {
* The [showNavigationArrow](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showNavigationArrow.html) property is not applicable when the [view](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/view.html) is set to [CalendarView.schedule](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarView.html).
## Cell end padding
-You can customize the padding of appointment view end to make touch position for timeslot and month cell by using the [cellEndPadding](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/cellEndPadding.html) property in the calendar, which allows you to tap the calendar cell when the cell has appointments.
+You can customize the padding of appointment view end to make touch position for timeslot and month cell by using the [cellEndPadding](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/cellEndPadding.html) property in the Flutter Event Calendar, which allows you to tap the calendar cell when the cell has appointments.
{% tabs %}
{% highlight dart hl_lines="15" %}
@@ -594,7 +594,7 @@ class CalendarApp extends StatelessWidget {
## Week number
-Display the Week number of the year in all views except schedule view of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). by setting the [showWeekNumber](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showWeekNumber.html) property as true and by default it is false. Week numbers will be displayed based on the ISO standard.
+Display the Week number of the year in all views except schedule view of the [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html) by setting the [showWeekNumber](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/showWeekNumber.html) property as true and by default it is false. Week numbers will be displayed based on the ISO standard.
{% tabs %}
{% highlight dart hl_lines="15" %}
@@ -625,11 +625,11 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Week number appearance
-Customize the Week number text style of the calendar by using the [WeekNumberStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle-class.html) property. Allows to customize the [textStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle/textStyle.html) and the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle/backgroundColor.html) in the Week number of the calendar.
+Customize the Week number text style of the Flutter Event Calendar by using the [WeekNumberStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle-class.html) property. Allows to customize the [textStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle/textStyle.html) and the [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/WeekNumberStyle/backgroundColor.html) in the Week number of the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16 17 18 19" %}
@@ -664,7 +664,7 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
Get the complete "getting started" sample from [here](https://github.com/SyncfusionExamples/flutter-calendar).
diff --git a/Flutter/calendar/headers.md b/Flutter/calendar/headers.md
index f9dd7b9e1..07d029412 100644
--- a/Flutter/calendar/headers.md
+++ b/Flutter/calendar/headers.md
@@ -14,11 +14,11 @@ You can learn about the header and view header height, date format, and appearan
## Header
-You can customize the header of the calendar using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerStyle.html) and [headerHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerHeight.html) properties in calendar.
+You can customize the header of the Flutter Event Calendar using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerStyle.html) and [headerHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerHeight.html) properties.
-### Customize header height in calendar
+### Customize header height in Flutter Event Calendar
-You can customize the height for header in calendar using the [headerHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerHeight.html) property in calendar.
+You can customize the height for the header using the [headerHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerHeight.html) property in Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16" %}
@@ -49,10 +49,10 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### Header appearance
-You can style the header using the [calendarHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle-class.html) in calendar. You can change the background color, textStyle, and text alignment using the properties such as [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/backgroundColor.html), [textStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/textStyle.html), and [textAlign](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/textAlign.html) of header using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerStyle.html) property in calendar.
+You can style the header using the [calendarHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle-class.html) in Flutter Event Calendar. You can change the background color, textStyle, and text alignment using the properties such as [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/backgroundColor.html), [textStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/textStyle.html), and [textAlign](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarHeaderStyle/textAlign.html) of header using the [headerStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/headerStyle.html) property in Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16 17 18 19 20 21 22 23 24" %}
@@ -132,11 +132,11 @@ class CalendarApp extends StatelessWidget {
## View header
-You can customize the view header of the calendar using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderStyle.html) and [viewHeaderHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderHeight.html) properties in calendar.
+You can customize the view header of the Flutter Event Calendar using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderStyle.html) and [viewHeaderHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderHeight.html) properties.
-### Customize view header height in calendar
+### Customize view header height in Flutter Event Calendar
-You can customize the height for view header in calendar using the [viewHeaderHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderHeight.html) property in calendar.
+You can customize the height for view header in Flutter Event Calendar using the [viewHeaderHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderHeight.html) property.
{% tabs %}
{% highlight dart hl_lines="16" %}
@@ -167,11 +167,11 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
### View header appearance
-You can style the header using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle-class.html) properties in calendar. You can change the background color, dayTextStyle, and dateTextStyle using properties such as [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/backgroundColor.html), [dayTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/dayTextStyle.html) and [dateTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/dateTextStyle.html) of view header using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderStyle.html) property in calendar.
+You can style the header using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle-class.html) properties in the Flutter Event Calendar. You can change the background color, dayTextStyle, and dateTextStyle using properties such as [backgroundColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/backgroundColor.html), [dayTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/dayTextStyle.html) and [dateTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ViewHeaderStyle/dateTextStyle.html) of view header using the [viewHeaderStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/viewHeaderStyle.html) property in Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="16 17 18 19 20 21 22 23 24 25 26" %}
@@ -215,7 +215,7 @@ class CalendarApp extends StatelessWidget {
>**NOTE**
-* The `dateTextStyle` property not applicable for view header in month view of calendar.
+* The `dateTextStyle` property is not applicable for view header in month view of the Flutter Event Calendar.
## See also
diff --git a/Flutter/calendar/how-to/custom-widget-on-flutterflow.md b/Flutter/calendar/how-to/custom-widget-on-flutterflow.md
index c098d02ad..89d025d30 100644
--- a/Flutter/calendar/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/calendar/how-to/custom-widget-on-flutterflow.md
@@ -28,7 +28,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
-### Add Calendar widget as a dependency
+### Add Syncfusion® Flutter Calendar widget as a dependency
1. Click on `+ Add Dependency`, a text editor will appear.
2. Navigate to [Syncfusion® Flutter Calendar](https://pub.dev/packages/syncfusion_flutter_calendar) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
diff --git a/Flutter/calendar/load-more.md b/Flutter/calendar/load-more.md
index 01a6e5b57..460d1b6c7 100644
--- a/Flutter/calendar/load-more.md
+++ b/Flutter/calendar/load-more.md
@@ -9,11 +9,11 @@ documentation: ug
# Load more in Flutter Event Calendar (SfCalendar)
-The Calendar provides the support to display an interactive view when the calendar view is changed, or the schedule view reaches its start or end offset. You can use the [loadMoreWidgetBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/loadMoreWidgetBuilder.html) builder to display the view while loading appointments in the calendar.
+The Flutter Event Calendar provides the support to display an interactive view when the calendar view is changed, or the schedule view reaches its start or end offset. You can use the [loadMoreWidgetBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/loadMoreWidgetBuilder.html) builder to display the view while loading appointments in the Flutter Event Calendar.
## Building load more widget
-Build your own custom widget by using the [loadMoreWidgetBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/loadMoreWidgetBuilder.html) that will be displayed as a loading indicator in the calendar when the calendar view changes, and in the calendar schedule view, the loading indicator will be displayed when it reaches the start or end position to load more appointments.
+Build your own custom widget by using the [loadMoreWidgetBuilder](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/loadMoreWidgetBuilder.html) property. The widget will be displayed as a loading indicator when the view of the Flutter Event Calendar changes. In Schedule view, the loading indicator will be displayed when it reaches the start or end position to load more appointments.
{% tabs %}
{% highlight dart hl_lines="20 21 22 23 24 25 26 27 28 29 30 31 32 33" %}
@@ -95,7 +95,7 @@ You can get the complete load more sample from this [link](https://github.com/Sy
## Load appointments
-Update the appointments on-demand, when the loading indicator is displaying in the calendar by using the [handleLoadMore](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/handleLoadMore.html) method in the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html), which allows adding the appointments to the data source, update the data source, and notify the listener to update the appointment on view.
+Update the appointments on-demand, when the loading indicator is displaying in the Flutter Event Calendar by using the [handleLoadMore](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource/handleLoadMore.html) method in the [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html), which allows adding the appointments to the data source, update the data source, and notify the listener to update the appointment on view.
{% tabs %}
{% highlight dart hl_lines="3 9 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34" %}
diff --git a/Flutter/calendar/localization.md b/Flutter/calendar/localization.md
index 8b1b1439f..c506df367 100644
--- a/Flutter/calendar/localization.md
+++ b/Flutter/calendar/localization.md
@@ -9,7 +9,7 @@ documentation: ug
# Flutter Event Calendar Localization (SfCalendar)
-By default, the calendar widget supports US English localizations. You can change to other languages by specifying the `MaterialApp` properties and adding the `flutter_localizations` package to your application.
+By default, the Flutter Event Calendar widget supports US English localizations. You can change to other languages by specifying the `MaterialApp` properties and adding the `flutter_localizations` package to your application.
To use `flutter_localizations`, add the package as dependency to your `pubspec.yaml` file.
@@ -68,8 +68,8 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-## Localize the custom text in Calendar
-Calendar custom text can be localized using the `syncfusion_localizations` package and specifying `localizationsDelegates` in `MaterialApp`.
+## Localize the custom text in Flutter Event Calendar
+Flutter Event Calendar custom text can be localized using the `syncfusion_localizations` package and specifying `localizationsDelegates` in `MaterialApp`.
To use `syncfusion_localizations`, add the package as dependency to `pubspec.yaml` file.
@@ -94,7 +94,7 @@ import 'package:syncfusion_localizations/syncfusion_localizations.dart';
{% endhighlight %}
{% endtabs %}
-Then, declare the `SfGlobalLocalizations.delegate` in the `localizationsDelegates`, which is used to localize the custom string (No events, No selected date) used in the calendar and specify the `supportedLocales` as well.
+Then, declare the `SfGlobalLocalizations.delegate` in the `localizationsDelegates`, which is used to localize the custom string (No events, No selected date) used in the Flutter Event Calendar and specify the `supportedLocales` as well.
{% tabs %}
{% highlight dart hl_lines="16" %}
@@ -141,7 +141,7 @@ class CalendarApp extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## See also
diff --git a/Flutter/calendar/month-view.md b/Flutter/calendar/month-view.md
index 548fb5177..ff3b1a809 100644
--- a/Flutter/calendar/month-view.md
+++ b/Flutter/calendar/month-view.md
@@ -9,11 +9,11 @@ documentation: ug
# Flutter Event Calendar Month View (SfCalendar)
-The `month` view of Flutter Event [Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) (SfCalendar) is used to display entire dates of the specific month and current month by default initially. Current date color is differentiated with other dates of the current month, also the color differentiation for dates will be applicable for previous and next month dates.
+The `month` view of [Flutter Event Calendar](https://www.syncfusion.com/flutter-widgets/flutter-Calendar) is used to display entire dates of the specific month and current month by default initially. Current date color is differentiated with other dates of the current month, also the color differentiation for dates will be applicable for previous and next month dates.
## Month agenda view
-The calendar month view displays a divided agenda view that is used to show the selected date’s appointments below the month. You can show the agenda view by setting the [showAgenda](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/showAgenda.html) property to true in [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html).
+The month view of the Flutter Event Calendar displays a divided agenda view that is used to show the selected date’s appointments below the month. You can show the agenda view by setting the [showAgenda](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/showAgenda.html) property to true in [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html).
{% tabs %}
{% highlight dart hl_lines="16" %}
@@ -52,7 +52,7 @@ class CalendarApp extends StatelessWidget {
## Month appointment display mode
-You can handle the calendar month view appointment display by using the [appointmentDisplayMode](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/appointmentDisplayMode.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html). By default, `appointmentDisplayMode` is set to Indicator, using the `appointmentDisplayMode` you can set the month view appointments display as follows.
+You can handle the Flutter Event Calendar month view appointment display by using the [appointmentDisplayMode](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/appointmentDisplayMode.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html). By default, `appointmentDisplayMode` is set to Indicator, using the `appointmentDisplayMode` you can set the month view appointments display as follows.
* [indicator](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthAppointmentDisplayMode.html) - appointment will be denoted as the circle.
* [appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthAppointmentDisplayMode.html) - appointment subject will be displayed in month cell.
@@ -94,7 +94,7 @@ class CalendarApp extends StatelessWidget {
## Agenda view height
-You can customize the month agenda view height from calendar by using the [agendaViewHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/agendaViewHeight.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html). By default, the agenda view will occupy the 30% height of the calendar height.
+You can customize the month agenda view height from the Flutter Event Calendar by using the [agendaViewHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/agendaViewHeight.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/monthViewSettings.html). By default, the agenda view will occupy the 30% height of the Flutter Event Calendar height.
{% tabs %}
{% highlight dart hl_lines="20" %}
@@ -216,7 +216,7 @@ class CalendarApp extends StatelessWidget {
## Month navigation direction
-MonthView of calendar can be navigated in both horizontal and vertical direction. You can change the direction of navigation using the [navigationDirection](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/navigationDirection.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html), by default Month navigation direction is Horizontal.
+MonthView of the Flutter Event Calendar can be navigated in both horizontal and vertical direction. You can change the direction of navigation using the [navigationDirection](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/navigationDirection.html) property of [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html), by default Month navigation direction is Horizontal.
{% tabs %}
{% highlight dart hl_lines="18 19" %}
@@ -298,7 +298,7 @@ class CalendarApp extends StatelessWidget {
## Hide leading and trailing dates
-You can hide the previous and next month dates of a calendar month view by using the [showTrailingAndLeadingDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/showTrailingAndLeadingDates.html) property in the [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html) of the calendar.
+You can hide the previous and next month dates of the Flutter Event Calendar month view by using the [showTrailingAndLeadingDates](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/showTrailingAndLeadingDates.html) property in the [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html).
{% tabs %}
{% highlight dart hl_lines="16" %}
@@ -336,7 +336,7 @@ class CalendarApp extends StatelessWidget {
## Customize number of month rows
-The number of weeks in the month view can be changed by setting the [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/numberOfWeeksInView.html) property in [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html). By default, `numberOfWeeksInView` starts from current week, and this can be modified using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property of calendar, the two weeks calendar can be achieved by setting the `numberOfWeeksInView` property with the value 2.
+The number of weeks in the month view can be changed by setting the [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/numberOfWeeksInView.html) property in [MonthViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings-class.html). By default, `numberOfWeeksInView` starts from current week, and this can be modified using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property of the Flutter Event Calendar. A two-week calendar can be achieved by setting the `numberOfWeeksInView` property to 2.
{% tabs %}
{% highlight dart hl_lines="18" %}
@@ -373,7 +373,7 @@ class CalendarApp extends StatelessWidget {
>**NOTE**
* Week number ranges from 1 to 6. If lesser or greater than these range is considered, [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/numberOfWeeksInView.html) will be displayed as 6.
-* Dynamically changing [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/numberOfWeeksInView.html) shows the first row of month view dates. It can be handled using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property of calendar.
+* Dynamically changing [numberOfWeeksInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/MonthViewSettings/numberOfWeeksInView.html) shows the first row of month view dates. It can be handled using the [initialDisplayDate](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/initialDisplayDate.html) property of the Flutter Event Calendar.
## View header DayFormat
diff --git a/Flutter/calendar/overview.md b/Flutter/calendar/overview.md
index 6f004a8d0..947769a03 100644
--- a/Flutter/calendar/overview.md
+++ b/Flutter/calendar/overview.md
@@ -9,9 +9,9 @@ documentation: ug
# Flutter Event Calendar Overview (SfCalendar)
-The Syncfusion® Flutter Calendar library is written natively in Dart and has nine types of built-in configurable view modes that provide basic functionality for scheduling, managing, and representing appointments efficiently. The calendar widget exposes a clean and convenient user interface for custom working days and hours and basic calendar operations such as date navigation and selection.
+The Syncfusion® Flutter Calendar library is written natively in Dart and has nine types of built-in configurable view modes that provide basic functionality for scheduling, managing, and representing appointments efficiently. The Flutter Event Calendar widget exposes a clean and convenient user interface for custom working days and hours and basic calendar operations such as date navigation and selection.
-
+
## Key features
@@ -20,13 +20,13 @@ The Syncfusion® Flutter Calendar library is written natively in D
* **Appointments**: Appointments contain information on events scheduled at specific times. In addition to default appointments, users can use their own collections to connect a business entity to an appointment by mapping their fields, such as start time, end time, subject, notes, and recurrence.
-
+
* **Recurring appointments**: Easily configure recurring events to be repeated on a daily, weekly, monthly, or yearly basis with optimized recurrence options. You can also skip or change the occurrence of a recurring appointment.
-* **Time zone**: Regardless of the time zone in your device, Calendar supports setting any required time zone for the control itself, as well as individual events.
+* **Time zone**: Regardless of the time zone in your device, Flutter Event Calendar supports setting any required time zone for the control itself, as well as individual events.
-
+
* **Schedule view**: Show a list of scheduled appointments grouped by week, between set minimum and maximum dates, with the schedule view. You can customize everything from the date and time formats to the styling of each header.
@@ -37,7 +37,7 @@ The Syncfusion® Flutter Calendar library is written natively in D
* **Special time regions**: Disable interactions and selections for specific time ranges. This is useful when you want to block user interaction during holidays or other special events and to highlight those time slots.
-
+
* **Flexible working days**: Customize the work days in a workweek so that the remaining days will be hidden from view.
@@ -46,19 +46,19 @@ The Syncfusion® Flutter Calendar library is written natively in D
* **First day of the week**: Customize the first day of the week as needed. The default is Sunday.
-* **Blackout dates**: Disable any date in a month and timeline month view of a calendar to make it inactive. You can easily prevent the selection of weekends by disabling them.
+* **Blackout dates**: Disable any date in a month and timeline month view of a Flutter Event Calendar to make it inactive. You can easily prevent the selection of weekends by disabling them.
-* **Hide leading and trailing dates**: Hide the next month and previous month dates in the calendar to enhance the appearance.
+* **Hide leading and trailing dates**: Hide the next month and previous month dates in the Flutter Event Calendar to enhance the appearance.
* **Month agenda view**: Display appointments in a list as shown in the following month view by clicking on a day.
-* **Appearance customization**: Provide a uniform and consistent look with Calendar’s flexible appearance and format.
+* **Appearance customization**: Provide a uniform and consistent look with flexible appearance and format of the Flutter Event Calendar.
-* **Custom start and end hours**: Display the event calendar timeslot views with specific time durations by hiding the unwanted hours.
-* **Web layout**: The web layout improved for a better experience, and now, the mouse hovering effect has been applied to all the calendar elements.
+* **Custom start and end hours**: Display the Flutter Event Calendar timeslot views with specific time durations by hiding the unwanted hours.
+* **Web layout**: The web layout improved for a better experience, and now, the mouse hovering effect has been applied to all the Flutter Event Calendar elements.
## Getting started
diff --git a/Flutter/calendar/resource-view.md b/Flutter/calendar/resource-view.md
index ac55ddf78..a860be951 100644
--- a/Flutter/calendar/resource-view.md
+++ b/Flutter/calendar/resource-view.md
@@ -9,7 +9,7 @@ documentation: ug
# Flutter Event Calendar Resource View (SfCalendar)
-The timeline resource grouping is a discrete view integrated into our Event Calendar widget that allows you to group the appointments based on the available resource in timeline views of the calendar. Using this feature, you can group the appointments and time regions arranged in a row-wise order based on the allocated resource in the timeline views. This rich feature set includes customization and you can assign unique styles to the available resource view.
+The timeline resource grouping is a discrete view integrated into our Flutter Event Calendar widget that allows you to group the appointments based on the available resource in timeline views. Using this feature, you can group the appointments and time regions arranged in a row-wise order based on the allocated resource in the timeline views. This rich feature set includes customization and you can assign unique styles to the available resource view.
You can create a resource view by setting the [displayName](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarResource/displayName.html), [color](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarResource/color.html), [id](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarResource/id.html), and [image](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarResource/image.html) property of the [CalendarResource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarResource-class.html).
@@ -81,7 +81,7 @@ class _AppointmentDataSource extends CalendarDataSource {
## Assigning events for resources
-You can associate resources to the appointments by adding `id` of a resource to the [resourceIds](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/resourceIds.html) property of [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html). The appointments will be displayed in the row associates with the resource in the event calendar timeline views.
+You can associate resources to the appointments by adding `id` of a resource to the [resourceIds](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/resourceIds.html) property of [Appointment](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment-class.html). The appointments will be displayed in the row associates with the resource in the Flutter Event Calendar timeline views.
{% tabs %}
{% highlight dart hl_lines="6" %}
@@ -357,7 +357,7 @@ class _CalendarAppState extends State {
### Resource panel size
-You can customize the size of the panel that displays the resource views in the calendar by setting an appropriate value to the [size](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings/size.html) property available in the [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/resourceViewSettings.html).
+You can customize the size of the panel that displays the resource views in the Flutter Event Calendar by setting an appropriate value to the [size](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ResourceViewSettings/size.html) property available in the [ResourceViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/resourceViewSettings.html).
{% tabs %}
{% highlight dart hl_lines="21" %}
diff --git a/Flutter/calendar/right-to-left.md b/Flutter/calendar/right-to-left.md
index e003d083e..e8f4f2a04 100644
--- a/Flutter/calendar/right-to-left.md
+++ b/Flutter/calendar/right-to-left.md
@@ -8,7 +8,7 @@ documentation: ug
---
# Right to Left (RTL) in Flutter Event Calendar (SfCalendar)
-The event calendar supports right-to-left rendering and all the calendar elements rendering direction will be changed.
+The Flutter Event Calendar supports right-to-left rendering and the rendering direction of all the calendar elements will be changed.
## RTL rendering ways
Right to Left rendering can be switched in the following ways:
@@ -51,7 +51,7 @@ class CalendarApp extends StatelessWidget {
{% endtabs %}
### Changing the locale to RTL languages
-To change the event calendar rendering direction from right to left, change the locale to any of the RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu.
+To change the rendering direction of the Flutter Event Calendar from right to left, change the locale to any of the RTL languages such as Arabic, Persian, Hebrew, Pashto, and Urdu.
{% tabs %}
{% highlight dart hl_lines="14 15 16 17 18 19 20 21 22 23" %}
diff --git a/Flutter/calendar/schedule-view.md b/Flutter/calendar/schedule-view.md
index 7e16f72e1..019e2f812 100644
--- a/Flutter/calendar/schedule-view.md
+++ b/Flutter/calendar/schedule-view.md
@@ -13,10 +13,10 @@ The `schedule` view of SfCalendar shows a list of scheduled appointments grouped
The schedule view displays two different UIs for mobile and web. For mobile, it will display the month header, week header, and date header, but for the web, it will display the appointments alone in the view.
-
+
>**NOTE**
-* If the web view width is less than `767`, the calendar will render the mobile schedule UI for the web.
+* If the web view width is less than `767`, the Flutter Event Calendar will render the mobile schedule UI for the web.
## Appointment item height
You can customize the height of an appointment in a schedule view by using the [appointmentItemHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ScheduleViewSettings/appointmentItemHeight.html) property of [ScheduleViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/ScheduleViewSettings-class.html).
diff --git a/Flutter/calendar/timeslot-views.md b/Flutter/calendar/timeslot-views.md
index 79f4c6af5..151fba91f 100644
--- a/Flutter/calendar/timeslot-views.md
+++ b/Flutter/calendar/timeslot-views.md
@@ -9,7 +9,7 @@ documentation: ug
# Flutter Event Calendar Timeslot View (SfCalendar)
-[Flutter Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) has six built-in time slot views used to display dates, and the views will show based on the current day by default. Appointments on a specific day will be arranged in respective timeslots based on their duration.
+[Flutter Event Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) has six built-in time slot views used to display dates, and the views will show based on the current day by default. Appointments on a specific day will be arranged in respective timeslots based on their duration.
* **Day view:** Displays a single day.
* **Week view:** Displays all days of a week.
@@ -174,14 +174,14 @@ class CalendarApp extends StatelessWidget {
>**NOTE**
* The [nonWorkingDay](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/nonWorkingDays.html) property is applicable only for `workWeek` and `timelineWorkWeek` views only, and not applicable for the remaining views.
-* Calendar Appointments UI, which does not fall within the `startHour` and `endHour` will not be visible and if it falls partially, it will be clipped.
+* Flutter Event Calendar Appointments UI, which does not fall within the `startHour` and `endHour` will not be visible and if it falls partially, it will be clipped.
* No need to specify the decimal point values for `startHour` and `endHour`, if you don’t want to set the minutes.
* The number of time slots will be calculated based on total minutes of a day and time interval (total minutes of a day ((start hour - end hour) * 60) / time interval).
* If custom timeInterval is given, then the number of time slots calculated based on the given TimeInterval should result in integer value (total minutes % timeInterval = 0), otherwise next immediate time interval that result in integer value when divide total minutes of a day will be considered. For example, if timeInterval=2 Hours 15 minutes and total minutes = 1440 (24 Hours per day), then timeInterval will be changed to ‘144’ (1440%144=0) by considering (total minutes % timeInterval = 0), it will return integer value for time slots rendering.
* If the custom `startHour` and `endHour` are given, then the number of time slots calculated based on given `startHour` and `endHour` should result in integer value, otherwise next immediate `timeInterval` will be considered until the result is integer value. For example, if `startHour` is 9 (09:00AM), `endHour` is 18.25 (06:15 PM), `timeInterval` is 30 minutes, and total minutes = 555 ((18.25-9)*60), then the timeInterval will be changed to ’37 minutes’ (555%37=0) by considering (total minutes % timeInterval = 0). it will return integer value for time slots rendering.
## Number of days in view
-You can customize the days count by setting the [numberOfDaysInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/numberOfDaysInView.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html/) in the calendar.
+You can customize the days count by setting the [numberOfDaysInView](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/numberOfDaysInView.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html/) in the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="17" %}
@@ -220,7 +220,7 @@ class CalendarApp extends StatelessWidget {
## Special time regions
You can restrict the user interaction such as selection and highlights specific regions of time in the timeslot views by adding the [specialRegions](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/specialRegions.html) property of [SfCalendar](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar-class.html). You need to set the [startTime](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion/startTime.html) and [endTime](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion/endTime.html) properties of [TimeRegion](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion-class.html) to create a `specialTimeRegion`, you can use the [timeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion/timeZone.html) property to set the specific timezone for start and end time of `specialTimeRegion`. The `specialTimeRegion` will display the text or icon on it that set to the [text](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion/text.html) or [iconData](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion/iconData.html) property of [TimeRegion](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeRegion-class.html).
-
+
>**NOTE**
* If time region has both the text and icon then it will draw icon only.
@@ -429,7 +429,7 @@ class CalendarApp extends StatelessWidget {
## Full screen calendar
-The calendar time interval height and width can be adjusted based on the screen height by changing the value of the [timeIntervalHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeIntervalHeight.html) and [timeIntervalWidth](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeIntervalWidth.html) property to -1. It will auto fit the screen height and width.
+The time interval height and width of the Flutter Event Calendar can be adjusted based on the screen height by changing the value of the [timeIntervalHeight](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeIntervalHeight.html) and [timeIntervalWidth](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeIntervalWidth.html) property to -1. It will auto fit the screen height and width.
{% tabs %}
{% highlight dart hl_lines="17" %}
@@ -644,7 +644,7 @@ class CalendarApp extends StatelessWidget {
## Time text formatting
-You can customize the format for the labels mentioning the time, by setting the [timeFormat](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeFormat.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in calendar.
+You can customize the format for the labels mentioning the time, by setting the [timeFormat](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeFormat.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="19" %}
@@ -682,7 +682,7 @@ class CalendarApp extends StatelessWidget {
## Time text appearance
-You can customize the text style for the labels mentioning the time, by setting the [timeTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeTextStyle.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in calendar.
+You can customize the text style for the labels mentioning the time, by setting the [timeTextStyle](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/timeTextStyle.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="19 20 21 22 23 24" %}
@@ -723,7 +723,7 @@ class CalendarApp extends StatelessWidget {
## All day panel background color
-All day panel background color can be customized by using the [allDayPanelColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/allDayPanelColor.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in the calendar.
+All day panel background color can be customized by using the [allDayPanelColor](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings/allDayPanelColor.html) property of [TimeSlotViewSettings](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/TimeSlotViewSettings-class.html) in the Flutter Event Calendar.
{% tabs %}
{% highlight dart hl_lines="19" %}
diff --git a/Flutter/calendar/timezone.md b/Flutter/calendar/timezone.md
index acc54d86e..cf346cb6d 100644
--- a/Flutter/calendar/timezone.md
+++ b/Flutter/calendar/timezone.md
@@ -9,14 +9,14 @@ documentation: ug
# Flutter Event Calendar Time Zone (SfCalendar)
-[Flutter Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) allows you to create appointments in various time zones and display them in users’ time zone or any other time zone. You can use a time zone in the following four different ways:
+[Flutter Event Calendar](https://www.syncfusion.com/flutter-widgets/flutter-calendar) allows you to create appointments in various time zones and display them in users’ time zone or any other time zone. You can use a time zone in the following four different ways:
* Create appointments in different time zones.
* Display appointments based on the client’s time zone.
-* Display appointments based on calendar time zone.
+* Display appointments based on time zone of the Flutter Event Calendar.
* Display appointments at the same time everywhere regardless of client’s time zone.
-We have added the following Time Zones for the respective countries to cover all time zone regions. You can use any of the time zones from the following list for calendar time zone.
+We have added the following Time Zones for the respective countries to cover all time zone regions. You can use any of the time zones from the following list for Flutter Event Calendar time zone.
@@ -1183,17 +1183,17 @@ appointments.add(Appointment(
>**NOTE**
* If the recurring appointment is converted to another time zone, then the whole sequence will be recalculated according to the new time zone information.
* If you create an all-day appointment, its start time and end time will be set to 12 A.M. and 12 A.M. by default, so time zone is not applicable for all-day appointments.
-* Calendar supports daylight saving time.
+* Flutter Event Calendar supports daylight saving time.
* The time zone support is applicable for custom appointments too, so you need to map the corresponding property.
* You can use TimeZone for custom appointments by mapping the `startTimeZoneMapper` and `endTimeZoneMapper` custom properties of [CalendarDataSource](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/CalendarDataSource-class.html).
## Display appointment based on client’s time zone
-You can display the appointments based on the client’s local time zone in calendar. For example, consider a scenario that you are in North Carolina and you want to set up a meeting at 10 A.M. on North Carolina time. You have colleagues in London and Chennai, and they also need to participate. The time for this meeting will be 3 P.M. (15:00) in London and 5.30 A.M. in Chennai. When you each view your calendar, you need to see the appointment displayed relative to your local time zones 5.30 A.M., 10 A.M., and 3 P.M., respectively. It can be achieved by setting calendar time zone to default (it will consider your device’s local time zone as calendar time zone) and appointment’s time zone to Eastern Standard Time (North Carolina) [as you are in North Carolina and its time zone is Eastern Standard Time].
+You can display the appointments based on the client’s local time zone in the Flutter Event Calendar. For example, consider a scenario that you are in North Carolina and you want to set up a meeting at 10 A.M. on North Carolina time. You have colleagues in London and Chennai, and they also need to participate. The time for this meeting will be 3 P.M. (15:00) in London and 5.30 A.M. in Chennai. When you each view your calendar, you need to see the appointment displayed relative to your local time zones 5.30 A.M., 10 A.M., and 3 P.M., respectively. It can be achieved by setting calendar time zone to default (it will consider your device’s local time zone as calendar time zone) and appointment’s time zone to Eastern Standard Time (North Carolina) [as you are in North Carolina and its time zone is Eastern Standard Time].
-## Display appointments based on calendar time zone
+## Display appointments based on Flutter Event Calendar time zone
-You can set specific time zone to calendar using the [timeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/timeZone.html) property of calendar. On this scenario, the appointments will be displayed in UTC time when the [startTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/startTimeZone.html) and [endTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/endTimeZone.html) properties of `Appointment` are set to null. The appointments will be displayed in UTC time based on the given calendar time zone.
+You can set specific time zone to Flutter Event Calendar using the [timeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/SfCalendar/timeZone.html) property. On this scenario, the appointments will be displayed in UTC time when the [startTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/startTimeZone.html) and [endTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/endTimeZone.html) properties of `Appointment` are set to null. The appointments will be displayed in UTC time based on the given calendar time zone.
{% tabs %}
{% highlight dart hl_lines="8" %}
@@ -1217,4 +1217,4 @@ Widget build(BuildContext context) {
## Display appointments at same time everywhere regardless of client’s time zone
-You can display appointments at the same time everywhere without considering the time zone when you set the `timeZone` property of calendar, the [startTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/startTimeZone.html) and [endTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/endTimeZone.html) properties of `Appointment` to null. The appointments will be displayed based on the given `startTime` and `endTime` of appointment everywhere without considering the time zone.
+You can display appointments at the same time everywhere without considering the time zone when you set the `timeZone` property of the Flutter Event Calendar, the [startTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/startTimeZone.html) and [endTimeZone](https://pub.dev/documentation/syncfusion_flutter_calendar/latest/calendar/Appointment/endTimeZone.html) properties of `Appointment` to null. The appointments will be displayed based on the given `startTime` and `endTime` of appointment everywhere without considering the time zone.
diff --git a/Flutter/chat/chat-theme.md b/Flutter/chat/chat-theme.md
index 321009d96..bffa41710 100644
--- a/Flutter/chat/chat-theme.md
+++ b/Flutter/chat/chat-theme.md
@@ -491,4 +491,4 @@ class SuggestionThemeExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/composer.md b/Flutter/chat/composer.md
index 0e38c5f30..3f136b3f6 100644
--- a/Flutter/chat/composer.md
+++ b/Flutter/chat/composer.md
@@ -15,7 +15,7 @@ This section explains the customization options available in [`ChatComposer`](ht
The [`composer`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/composer.html) is a customizable text editor designed for typing new messages. It offers options to adjust the appearance and behavior of the text editor, including settings for the `minimum` and `maximum` number of lines, `decoration`, `margin`, `textStyle`, and theme-level `editorTextStyle` (see [Chat theme - Editor text style](chat-theme.md#editor-text-style)).
-When the composer is null, no default text field is added to the chat widget.
+When the composer is null, no default text field is added to the Flutter Chat widget.
### Minimum and maximum lines
@@ -562,4 +562,4 @@ class _ComposerBuilderExampleState extends State {
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/conversation-area.md b/Flutter/chat/conversation-area.md
index ea40b29d2..ac9088e24 100644
--- a/Flutter/chat/conversation-area.md
+++ b/Flutter/chat/conversation-area.md
@@ -9,11 +9,11 @@ documentation: ug
# Message Content in Flutter Chat (SfChat)
-This section explains the customization options available for incoming and outgoing messages in the chat widget.
+This section explains the customization options available for incoming and outgoing messages in the Flutter Chat widget.
## Messages
-The [`messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messages.html) property is the data source of the Chat widget. It accepts a list of [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) objects that are displayed as incoming or outgoing based on the [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html) value.
+The [`messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messages.html) property is the data source of the Flutter Chat widget. It accepts a list of [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) objects that are displayed as incoming or outgoing based on the [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html) value.
Each [`ChatMessage`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatMessage-class.html) contains:
@@ -592,7 +592,7 @@ class MessageSettingsExample extends StatelessWidget {
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
#### See Also
diff --git a/Flutter/chat/getting-started.md b/Flutter/chat/getting-started.md
index 93bcb335e..3e3b93bb8 100644
--- a/Flutter/chat/getting-started.md
+++ b/Flutter/chat/getting-started.md
@@ -57,9 +57,9 @@ import 'package:syncfusion_flutter_chat/chat.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize chat widget
+## Initialize Flutter Chat widget
-Add a chat widget with the necessary properties, such as [`messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messages.html) and [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html).
+Add a Flutter Chat widget with the necessary properties, such as [`messages`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messages.html) and [`outgoingUser`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/outgoingUser.html).
{% tabs %}
{% highlight dart hl_lines="16 42" %}
@@ -115,7 +115,7 @@ class ChatInitializeExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add composer
@@ -235,7 +235,7 @@ class ChatPlaceholderExample extends StatelessWidget {
The action button represents the send button, which is not included by default. To add it, create an instance of [`ChatActionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton-class.html) for the [`actionButton`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/actionButton.html) property.
-When the send button is clicked, the [`ChatActionButton.onPressed`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton/onPressed.html) callback is invoked. In that callback, add the newly composed message to the messages list and rebuild the chat widget.
+When the send button is clicked, the [`ChatActionButton.onPressed`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/ChatActionButton/onPressed.html) callback is invoked. In that callback, add the newly composed message to the messages list and rebuild the Flutter Chat widget.
{% tabs %}
{% highlight dart hl_lines="55" %}
@@ -321,6 +321,6 @@ class _ChatActionButtonExampleState extends State {
{% endhighlight %}
{% endtabs %}
-
+
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/overview.md b/Flutter/chat/overview.md
index 2c1ea3b01..0e652ee35 100644
--- a/Flutter/chat/overview.md
+++ b/Flutter/chat/overview.md
@@ -31,6 +31,6 @@ The Syncfusion® Flutter Chat widget displays conversations betwee
* **Custom Message Content** - The actual message content can be customized using the [`messageContentBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messageContentBuilder.html), which lets you build a fully custom layout for each message. For customization details, refer to the [Conversation Area](conversation-area.md) documentation.
-* **Message Avatar** - Displays user avatars or profile pictures of the respective message. Using the [`messageAvatarBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messageAvatarBuilder.html), a custom widget can be specified to display the chat message avatar with relevant details.
+* **Message Avatar** - Displays user avatars or profile pictures of the respective message. Using the [`messageAvatarBuilder`](https://pub.dev/documentation/syncfusion_flutter_chat/latest/chat/SfChat/messageAvatarBuilder.html), a custom widget can be specified to display the message avatar of the Flutter Chat with relevant details.
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/chat/placeholder.md b/Flutter/chat/placeholder.md
index 59bffe841..a755fdc54 100644
--- a/Flutter/chat/placeholder.md
+++ b/Flutter/chat/placeholder.md
@@ -80,9 +80,9 @@ class PlaceholderExample extends StatelessWidget {
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
-#### See Also
+## See Also
* [Action button](action-button.md)
* [Conversation area](conversation-area.md)
diff --git a/Flutter/chat/right-to-left.md b/Flutter/chat/right-to-left.md
index 9d6f72c17..0d68df781 100644
--- a/Flutter/chat/right-to-left.md
+++ b/Flutter/chat/right-to-left.md
@@ -9,7 +9,7 @@ documentation: ug
# Right-to-Left (RTL) in Flutter Chat (SfChat)
-Chat supports right-to-left rendering for all elements in the chat widget.
+Chat supports right-to-left rendering for all elements in the Flutter Chat widget.
## RTL rendering ways
@@ -353,4 +353,4 @@ class RTLMessageContentExample extends StatelessWidget {
->You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the chat with built-in support for creating stunning visual effects.
\ No newline at end of file
+>You can refer to our [Flutter Chat](https://www.syncfusion.com/flutter-widgets/flutter-chat) feature tour page for its groundbreaking feature representations. You can also explore our [Flutter Chat example](https://flutter.syncfusion.com/#/chat/getting-started) which demonstrates conversations between two or more users in a fully customizable layout and shows how to easily configure the Flutter Chat widget with built-in support for creating stunning visual effects.
\ No newline at end of file
diff --git a/Flutter/linear-gauge/animation.md b/Flutter/linear-gauge/animation.md
index 016d5bacb..f723cede7 100644
--- a/Flutter/linear-gauge/animation.md
+++ b/Flutter/linear-gauge/animation.md
@@ -44,7 +44,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Animate range
@@ -79,7 +79,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Pointer animation
@@ -182,4 +182,4 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
diff --git a/Flutter/linear-gauge/axis.md b/Flutter/linear-gauge/axis.md
index e3268387c..b486851c1 100644
--- a/Flutter/linear-gauge/axis.md
+++ b/Flutter/linear-gauge/axis.md
@@ -41,7 +41,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize minimum and maximum axis values
@@ -73,7 +73,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize axis track style
@@ -104,7 +104,7 @@ The following code sample demonstrates how to customize the [`thickness`](https:
{% endhighlight %}
-
+
## Apply solid color
@@ -138,7 +138,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Apply gradient
@@ -182,7 +182,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize borders
@@ -268,7 +268,7 @@ class LinearGaugeDemo extends StatelessWidget {
## Inverse the axis
-The direction of the linear gauge axis can be customized using the [`isAxisInversed`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfLinearGauge/isAxisInversed.html) property. When the [`isAxisInversed`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfLinearGauge/isAxisInversed.html) property is set to true, the axis will be displayed in an inverse direction. The default value is false.
+The direction of the Flutter Linear Gauge axis can be customized using the [`isAxisInversed`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfLinearGauge/isAxisInversed.html) property. When the [`isAxisInversed`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfLinearGauge/isAxisInversed.html) property is set to true, the axis will be displayed in an inverse direction. The default value is false.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/linear-gauge/bar-pointer.md b/Flutter/linear-gauge/bar-pointer.md
index b934113b2..34ee0b1aa 100644
--- a/Flutter/linear-gauge/bar-pointer.md
+++ b/Flutter/linear-gauge/bar-pointer.md
@@ -169,7 +169,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize the offset
@@ -210,7 +210,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change the color of bar pointer
@@ -437,7 +437,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add multiple bar pointers
diff --git a/Flutter/linear-gauge/getting-started.md b/Flutter/linear-gauge/getting-started.md
index 4ffa43245..a78641dbc 100644
--- a/Flutter/linear-gauge/getting-started.md
+++ b/Flutter/linear-gauge/getting-started.md
@@ -89,7 +89,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add axis
@@ -121,7 +121,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Update orientation
@@ -155,7 +155,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add range
@@ -194,7 +194,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add marker pointer
@@ -271,7 +271,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add bar pointer
@@ -362,4 +362,4 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Flutter/linear-gauge/interaction.md b/Flutter/linear-gauge/interaction.md
index dcc1a9719..b69014e7c 100644
--- a/Flutter/linear-gauge/interaction.md
+++ b/Flutter/linear-gauge/interaction.md
@@ -196,4 +196,4 @@ class _LinearGaugeDemoState extends State {
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Flutter/linear-gauge/labels.md b/Flutter/linear-gauge/labels.md
index dd842dcf4..d43e1e202 100644
--- a/Flutter/linear-gauge/labels.md
+++ b/Flutter/linear-gauge/labels.md
@@ -11,7 +11,7 @@ documentation: ug
The default style of axis labels is as follows.
-
+
## Customize label styles
@@ -57,7 +57,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change visibility
@@ -158,7 +158,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change label offset
@@ -193,7 +193,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize maximum number of visible labels
diff --git a/Flutter/linear-gauge/mirror-linear-gauge.md b/Flutter/linear-gauge/mirror-linear-gauge.md
index 825d2f5f8..c174e5778 100644
--- a/Flutter/linear-gauge/mirror-linear-gauge.md
+++ b/Flutter/linear-gauge/mirror-linear-gauge.md
@@ -39,10 +39,10 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Comparison for the mirrored and normal gauge
The following screenshot provides a visual comparison between a mirrored Linear Gauge and a normal Linear Gauge.
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Flutter/linear-gauge/overview.md b/Flutter/linear-gauge/overview.md
index b3b47b7a3..0b5fa83b6 100644
--- a/Flutter/linear-gauge/overview.md
+++ b/Flutter/linear-gauge/overview.md
@@ -11,7 +11,7 @@ documentation: ug
Syncfusion® Flutter Linear Gauge is a powerful data visualization widget designed to display data on a linear scale. It's an ideal component for crafting high-quality mobile application user interfaces that require visual representation of data along a linear axis.
-
+
## Key Features
diff --git a/Flutter/linear-gauge/range.md b/Flutter/linear-gauge/range.md
index 461b0600b..1a128cdbf 100644
--- a/Flutter/linear-gauge/range.md
+++ b/Flutter/linear-gauge/range.md
@@ -9,7 +9,7 @@ documentation: ug
# Ranges in Flutter Linear Gauge (SfLinearGauge)
-A range is a visual element that helps you quickly visualize where a range falls on the axis track. Multiple ranges with different styles can be added to a linear gauge. The default style of range will be as below.
+A range is a visual element that helps you quickly visualize where a range falls on the axis track. Multiple ranges with different styles can be added to a Flutter Linear Gauge. The default style of range will be as below.
{% tabs %}
{% highlight dart %}
@@ -44,7 +44,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize range shape
@@ -91,7 +91,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize edge style
@@ -177,7 +177,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Apply radial gradient to a range
@@ -318,7 +318,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize range position
@@ -356,7 +356,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Setting range color to axis element
@@ -462,4 +462,4 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Flutter/linear-gauge/shape-marker-pointer.md b/Flutter/linear-gauge/shape-marker-pointer.md
index 9b698bf18..e3e39f301 100644
--- a/Flutter/linear-gauge/shape-marker-pointer.md
+++ b/Flutter/linear-gauge/shape-marker-pointer.md
@@ -47,7 +47,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change the size
@@ -82,7 +82,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize color
@@ -319,7 +319,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Drag behavior
diff --git a/Flutter/linear-gauge/ticks.md b/Flutter/linear-gauge/ticks.md
index 1b639c4af..fae95ae0e 100644
--- a/Flutter/linear-gauge/ticks.md
+++ b/Flutter/linear-gauge/ticks.md
@@ -11,7 +11,7 @@ documentation: ug
The default style of axis ticks is as follows.
-
+
## Customize tick style
@@ -47,7 +47,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize minor tick interval
@@ -77,7 +77,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change tick visibility
@@ -109,7 +109,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize tick position
@@ -173,5 +173,5 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
diff --git a/Flutter/linear-gauge/widget-marker-pointer.md b/Flutter/linear-gauge/widget-marker-pointer.md
index 2f9abf2e5..84092bca3 100644
--- a/Flutter/linear-gauge/widget-marker-pointer.md
+++ b/Flutter/linear-gauge/widget-marker-pointer.md
@@ -42,7 +42,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Change marker alignment
@@ -166,7 +166,7 @@ class LinearGaugeDemo extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Drag behavior
diff --git a/Flutter/maps/data-labels.md b/Flutter/maps/data-labels.md
index d80bb3cab..c553b1e00 100644
--- a/Flutter/maps/data-labels.md
+++ b/Flutter/maps/data-labels.md
@@ -13,7 +13,7 @@ Data labels provide identification for the shapes by displaying their names. You
## Show data labels
-You can show data labels on the map using the [`MapShapeLayer.showDataLabels`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/showDataLabels.html) property. By default, the data labels are rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. The default value of the [`showDataLabels`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/showDataLabels.html) property is `false`.
+You can show data labels on the Flutter Maps using the [`MapShapeLayer.showDataLabels`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/showDataLabels.html) property. By default, the data labels are rendered based on the value of [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property. The default value of the [`showDataLabels`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/showDataLabels.html) property is `false`.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/maps/getting-started.md b/Flutter/maps/getting-started.md
index 39ef7c6fb..021888338 100644
--- a/Flutter/maps/getting-started.md
+++ b/Flutter/maps/getting-started.md
@@ -9,20 +9,20 @@ documentation: ug
# Getting Started with Flutter Maps (SfMaps)
-This section explains the steps required to add the maps widget with shape layer and its elements such as data labels, tooltip, assignable colors based on region, and legends. It also explains about adding tile layer with OpenStreetMap. This section covers only basic features needed to know to get started with Syncfusion® maps.
+This section explains the steps required to add the Flutter Maps widget with shape layer and its elements such as data labels, tooltip, assignable colors based on region, and legends. It also explains about adding tile layer with OpenStreetMap. This section covers only basic features needed to know to get started with Syncfusion® Flutter Maps.
To get started quickly with our Flutter Maps widget, you can check on this video.
-## Add Flutter maps to an application
+## Add Flutter Maps to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter maps dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Maps dependency to your pubspec.yaml file.
{% tabs %}
{% highlight dart %}
@@ -60,9 +60,9 @@ import 'package:syncfusion_flutter_maps/maps.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize maps
+## Initialize Maps
-After importing the package, initialize the maps widget as a child of any widget.
+After importing the package, initialize the Flutter Maps widget as a child of any widget.
{% tabs %}
{% highlight Dart %}
@@ -99,7 +99,7 @@ The [`layers`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps
The [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) property of the [`MapShapeSource`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource-class.html) is used to refer to the unique field name in the .json source to identify each shape. In [`Mapping the data source`](https://help.syncfusion.com/flutter/maps/getting-started#mapping-the-data-source-for-shape-layer) section of this document, this [`shapeDataField`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeDataField.html) will be used to map with the respective value returned in [`primaryValueMapper`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/primaryValueMapper.html) from the data source.
-I> The Mercator projection is the default projection in the maps.
+I> The Mercator projection is the default projection in Maps.
### From asset bundle
@@ -324,9 +324,9 @@ N>
* Refer the [`MapShapeSource.dataLabelMapper`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/dataLabelMapper.html), for customizing the data label text.
* Refer the [`MapShapeSource.shapeColorValueMapper`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeColorValueMapper.html), for customizing the shape colors.
-## Add shape layer maps elements
+## Add shape layer Maps elements
-Add the basic maps elements such as data labels, legend, and tooltip as shown in the code snippet below.
+Add the basic Maps elements such as data labels, legend, and tooltip as shown in the code snippet below.
* **Data labels** - You can show data labels using the [`MapShapeLayer.showDataLabels`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/showDataLabels.html) property. It is also possible to show data labels only for the particular shapes or show custom text using the [`MapShapeSource.dataLabelMapper`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/dataLabelMapper.html) property.
diff --git a/Flutter/maps/legend.md b/Flutter/maps/legend.md
index 328f17971..c1aa30395 100644
--- a/Flutter/maps/legend.md
+++ b/Flutter/maps/legend.md
@@ -9,7 +9,7 @@ documentation: ug
# Legend in Flutter Maps (SfMaps)
-You can provide clear information on the data plotted on the map using legend.
+You can provide clear information on the data plotted on the Flutter Maps using legend.
## Shape legend
@@ -633,7 +633,7 @@ N>
You can place the legend in custom position using the [`MapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/offset.html) property. The default value of the [`offset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/offset.html) property is `null`.
-If the property [`MapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/offset.html) has been set with the property [`MapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) as top, then the legend will be placed in top but with absolute position, i.e. legend will not take dedicated position for it and will be drawn at the top of the map.
+If the property [`MapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/offset.html) has been set with the property [`MapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLegend/position.html) as top, then the legend will be placed in top but with absolute position, i.e. legend will not take dedicated position for it and will be drawn at the top of the Flutter Maps.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/maps/markers.md b/Flutter/maps/markers.md
index 5f588c752..b2e77a336 100644
--- a/Flutter/maps/markers.md
+++ b/Flutter/maps/markers.md
@@ -9,13 +9,13 @@ documentation: ug
# Markers in Flutter Maps (SfMaps)
-Markers can be used to denote specific locations on a map. You can use built-in symbols or display custom widgets at specific latitude and longitude coordinates on the map.
+Markers can be used to denote specific locations on a Flutter Maps. You can use built-in symbols or display custom widgets at specific latitude and longitude coordinates on the Flutter Maps.
## Adding markers
### Shape layer
-You can show markers at any position on the map by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) property.
+You can show markers at any position on the Flutter Maps by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) property.
The [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) callback will be called a number of times equal to the value specified in the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialMarkersCount.html) property. The default value of the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialMarkersCount.html) property is `null`.
@@ -88,7 +88,7 @@ N>
### Tile layer
-You can show markers at any position on the map by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`MapTileLayer.markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) property.
+You can show markers at any position on the Flutter Maps by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`MapTileLayer.markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) property.
The [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/markerBuilder.html) callback will be called a number of times equal to the value specified in the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialMarkersCount.html) property. The default value of the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialMarkersCount.html) property is `null`.
@@ -886,9 +886,9 @@ typedef MapTapCallback = void Function(Offset position);
## Zoom markers to fit bounds
-You can visualize a specific area on the map by specifying the northeast and southwest coordinate points to the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property in the [`MapTileLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTileLayer-class.html) and [`MapShapeLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer-class.html). It renders the map by calculating the center coordinate and zoom level depending on the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) value.
+You can visualize a specific area on the Flutter Maps by specifying the northeast and southwest coordinate points to the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property in the [`MapTileLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapTileLayer-class.html) and [`MapShapeLayer`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer-class.html). It renders the Flutter Maps by calculating the center coordinate and zoom level depending on the [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) value.
-The [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property can be set at load time alone. You can use the [`latLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/latLngBounds.html) property of [`MapZoomPanBehavior`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior-class.html) to dynamically update the map bounds.
+The [`initialLatLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapLayer/initialLatLngBounds.html) property can be set at load time alone. You can use the [`latLngBounds`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/latLngBounds.html) property of [`MapZoomPanBehavior`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior-class.html) to dynamically update the bounds of the Flutter Maps.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/maps/overview.md b/Flutter/maps/overview.md
index 8b0f2fc90..34a2f0360 100644
--- a/Flutter/maps/overview.md
+++ b/Flutter/maps/overview.md
@@ -23,19 +23,19 @@ Render GeoJSON data as geographical shapes or any custom shapes on a shape layer
* **Data Labels** - Provide identification for shapes by displaying their names. Labels can be trimmed or hidden if they exceed shape boundaries.
-* **Markers** - Denote specific locations using built-in symbols or display custom widgets at particular latitude and longitude coordinates on the map.
+* **Markers** - Denote specific locations using built-in symbols or display custom widgets at particular latitude and longitude coordinates on the Flutter Maps.
* **Bubbles** - Add information to shapes such as population density, number of users, and more. Bubbles can be rendered in different colors and sizes based on the data values of their assigned shapes.
-* **Shape Selection** - Select shapes to highlight specific areas on the map. You can use callbacks to perform custom actions during shape selection.
+* **Shape Selection** - Select shapes to highlight specific areas on the Flutter Maps. You can use callbacks to perform custom actions during shape selection.
-* **Legend** - Provide clear information about the data plotted on the map. The legend toggling feature allows you to visualize only the shapes to which a specific legend applies.
+* **Legend** - Provide clear information about the data plotted on the Flutter Maps. The legend toggling feature allows you to visualize only the shapes to which a specific legend applies.
* **Colors** - Categorize shapes by customizing their colors based on underlying values. You can set shape colors for specific values or for ranges of values.
* **Tooltip** - Display additional information about shapes and bubbles using customizable tooltips.
-* **Zooming and Panning** - Zoom in for a closer look at specific regions by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on web platforms. Pan the map to navigate across regions. You can also customize the initial zoom level and center point.
+* **Zooming and Panning** - Zoom in for a closer look at specific regions by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on web platforms. Pan the Flutter Maps to navigate across regions. You can also customize the initial zoom level and center point.
## Tile layer
@@ -45,6 +45,6 @@ The interactive tile layer allows you to load map tiles from web map tile servic
### Features
-* **Markers** - Denote specific locations using built-in symbols or display custom widgets at particular latitude and longitude coordinates on the map.
+* **Markers** - Denote specific locations using built-in symbols or display custom widgets at particular latitude and longitude coordinates on the Flutter Maps.
-* **Zooming and Panning** - Zoom in for a closer look at specific regions by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on web platforms. Pan the map to navigate across regions. You can also customize the initial zoom level and center point.
+* **Zooming and Panning** - Zoom in for a closer look at specific regions by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on web platforms. Pan the Flutter Maps to navigate across regions. You can also customize the initial zoom level and center point.
diff --git a/Flutter/maps/right-to-left.md b/Flutter/maps/right-to-left.md
index 993715177..8c08a12be 100644
--- a/Flutter/maps/right-to-left.md
+++ b/Flutter/maps/right-to-left.md
@@ -15,7 +15,7 @@ Right to left rendering can be achieved in the following ways:
### Wrapping the SfMaps with Directionality widget
-The maps can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
+The Flutter Maps can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
{% tabs %}
{% highlight Dart %}
@@ -52,7 +52,7 @@ class MapsExample extends StatelessWidget {
### Changing the locale to RTL languages
-The maps elements will render in right to left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, or 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.
+The elements of the Flutter Maps will render in right to left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, or 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/maps/selection.md b/Flutter/maps/selection.md
index a97dd8057..e383e0860 100644
--- a/Flutter/maps/selection.md
+++ b/Flutter/maps/selection.md
@@ -9,11 +9,11 @@ documentation: ug
# Shape Selection in Flutter Maps (SfMaps)
-You can select a shape to highlight a specific area on a map. You can also use callbacks to perform custom actions during shape selection.
+You can select a shape to highlight a specific area on a Flutter Maps. You can also use callbacks to perform custom actions during shape selection.
## Enable shape selection
-You can enable shape selection on a map using the [`MapShapeLayer.onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/onSelectionChanged.html) property along with setting the [`selectedIndex`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/selectedIndex.html) property. The default value of the [`selectedIndex`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/selectedIndex.html) property is `-1`.
+You can enable shape selection on a Flutter Maps using the [`MapShapeLayer.onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/onSelectionChanged.html) property along with setting the [`selectedIndex`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/selectedIndex.html) property. The default value of the [`selectedIndex`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/selectedIndex.html) property is `-1`.
The [`onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/onSelectionChanged.html) callback is triggered when a user selects a shape by tapping or clicking, or when a shape is selected programmatically. It provides the index of the selected shape.
diff --git a/Flutter/maps/shape-sublayer.md b/Flutter/maps/shape-sublayer.md
index 9e386c14c..73b3b7f08 100644
--- a/Flutter/maps/shape-sublayer.md
+++ b/Flutter/maps/shape-sublayer.md
@@ -823,7 +823,7 @@ class DataModel {
## Marker
-You can show markers at any position on the map by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSublayer/markerBuilder.html) property.
+You can show markers at any position on the Flutter Maps by providing latitude and longitude coordinates to the [`MapMarker`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapMarker-class.html), which is returned from the [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSublayer/markerBuilder.html) property.
The [`markerBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSublayer/markerBuilder.html) callback will be called a number of times equal to the value specified in the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSublayer/initialMarkersCount.html) property. The default value of the [`initialMarkersCount`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSublayer/initialMarkersCount.html) property is null.
diff --git a/Flutter/maps/shape.md b/Flutter/maps/shape.md
index a935dc313..cc9c52dce 100644
--- a/Flutter/maps/shape.md
+++ b/Flutter/maps/shape.md
@@ -9,11 +9,11 @@ documentation: ug
# Shape Colors in Flutter Maps (SfMaps)
-This section explains about shapes and how to apply colors to the shapes based on specific values in the Flutter maps.
+This section explains about shapes and how to apply colors to the shapes based on specific values in the Flutter Maps.
## Loading progress indicator
-You can notify the user that the map is being loaded using the [`MapShapeLayer.loadingBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/loadingBuilder.html). It returns the widget which will be visible until the map is loaded.
+You can notify the user that the Flutter Maps is being loaded using the [`MapShapeLayer.loadingBuilder`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeLayer/loadingBuilder.html). It returns the widget which will be visible until the map is loaded.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/maps/tooltip.md b/Flutter/maps/tooltip.md
index 6d3e5f259..ad11faecb 100644
--- a/Flutter/maps/tooltip.md
+++ b/Flutter/maps/tooltip.md
@@ -9,7 +9,7 @@ documentation: ug
# Tooltip in Flutter Maps (SfMaps)
-Tooltip is used to indicate shape, bubble, and marker information during tap or click interactions. This section helps you learn how to show tooltips for shapes, bubbles, and markers in maps and customize them.
+Tooltip is used to indicate shape, bubble, and marker information during tap or click interactions. This section helps you learn how to show tooltips for shapes, bubbles, and markers in Flutter Maps and customize them.
## Tooltip for the shapes
diff --git a/Flutter/maps/zoom-pan.md b/Flutter/maps/zoom-pan.md
index abc2defee..ff7642865 100644
--- a/Flutter/maps/zoom-pan.md
+++ b/Flutter/maps/zoom-pan.md
@@ -9,7 +9,7 @@ documentation: ug
# Zooming and Panning in Flutter Maps (SfMaps)
-It is possible to zoom in and out for any layer to take a closer look at a specific region by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on the web. You can also pan the map to navigate across regions and customize the zoom level and center point of the initial rendering.
+It is possible to zoom in and out for any layer to take a closer look at a specific region by pinching the map, scrolling the mouse wheel or track-pad, or using the toolbar on the web. You can also pan the Flutter Maps to navigate across regions and customize the zoom level and center point of the initial rendering.
The procedure for zooming and panning is very similar for both layers.
@@ -791,7 +791,7 @@ N>
### Reset
-You can [`reset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/reset.html) the map to the [`MapZoomPanBehavior.minZoomLevel`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/minZoomLevel.html) by calling this method.
+You can [`reset`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/reset.html) the Flutter Maps to the [`MapZoomPanBehavior.minZoomLevel`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapZoomPanBehavior/minZoomLevel.html) by calling this method.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/radial-gauge/animation.md b/Flutter/radial-gauge/animation.md
index e9a685c23..3d6f180ca 100644
--- a/Flutter/radial-gauge/animation.md
+++ b/Flutter/radial-gauge/animation.md
@@ -11,7 +11,7 @@ documentation: ug
## Initial animation
-The radial gauge allows all of its elements to be animated with [`enableLoadingAnimation`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/enableLoadingAnimation.html) property. The default value for this property is false. The duration of the animation can be controlled by the [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/animationDuration.html) property of the gauge.
+The Flutter Radial Gauge allows all of its elements to be animated with [`enableLoadingAnimation`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/enableLoadingAnimation.html) property. The default value for this property is false. The duration of the animation can be controlled by the [`animationDuration`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/animationDuration.html) property.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/radial-gauge/annotation.md b/Flutter/radial-gauge/annotation.md
index 7b64f61b2..d5c938408 100644
--- a/Flutter/radial-gauge/annotation.md
+++ b/Flutter/radial-gauge/annotation.md
@@ -9,7 +9,7 @@ documentation: ug
# Annotation in Flutter Radial Gauge (SfRadialGauge)
-[`Radial axis`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis-class.html) allows you to add multiple widgets such as text and image as annotations to specific points of interest in the radial gauge.
+[`Radial axis`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis-class.html) allows you to add multiple widgets such as text and image as annotations to specific points of interest in the Flutter Radial Gauge.
The following properties are available in [`annotation`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeAnnotation-class.html) to customize the position and alignment of [`annotation widget-based`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeAnnotation/widget.html)
@@ -199,7 +199,7 @@ By default, the value of [`positionFactor`](https://pub.dev/documentation/syncfu
## Setting image for annotation
-Annotations provide options to add any image over the gauge control with respect to its offset position. You can add multiple images in a single control.
+Annotations provide options to add any image over the Flutter Radial Gauge with respect to its offset position. You can add multiple images in a single control.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/radial-gauge/axes.md b/Flutter/radial-gauge/axes.md
index 3ee21d492..fd708a0c4 100644
--- a/Flutter/radial-gauge/axes.md
+++ b/Flutter/radial-gauge/axes.md
@@ -609,7 +609,7 @@ class RadialGaugeDemo extends StatelessWidget {
**Background color support**
-[`Radial gauge`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge-class.html) allows customizing its background color using [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/backgroundColor.html) property.
+[`Radial Gauge`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge-class.html) allows customizing its background color using [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge/backgroundColor.html) property.
{% tabs %}
{% highlight dart %}
@@ -1413,7 +1413,7 @@ class RadialGaugeDemo extends StatelessWidget {
## Custom scale
-[`Radial gauge`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge-class.html) allows you to display a set of values along with a custom scale based on your business logic using the [`onCreateAxisRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/onCreateAxisRenderer.html) event of the axis. The [`onCreateAxisRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/onCreateAxisRenderer.html) event allows returning the custom renderer for the axis. In that, we can override methods of `RadialAxisRenderer` to create the custom axis.
+[`Radial Gauge`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/SfRadialGauge-class.html) allows you to display a set of values along with a custom scale based on your business logic using the [`onCreateAxisRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/onCreateAxisRenderer.html) event of the axis. The [`onCreateAxisRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/onCreateAxisRenderer.html) event allows returning the custom renderer for the axis. In that, we can override methods of `RadialAxisRenderer` to create the custom axis.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/radial-gauge/getting-started.md b/Flutter/radial-gauge/getting-started.md
index 5b82588f6..068eb8fa3 100644
--- a/Flutter/radial-gauge/getting-started.md
+++ b/Flutter/radial-gauge/getting-started.md
@@ -9,9 +9,9 @@ documentation: ug
# Getting Started with Flutter Radial Gauge (SfRadialGauge)
-This section explains the steps required to add the Flutter [Radial Gauge](https://www.syncfusion.com/flutter-widgets/flutter-radial-gauge) and its elements such as title, axis, range, pointer and annotation. This section covers only the basic features needed to get started with Syncfusion® radial gauge.
+This section explains the steps required to add the Flutter [Radial Gauge](https://www.syncfusion.com/flutter-widgets/flutter-radial-gauge) and its elements such as title, axis, range, pointer and annotation. This section covers only the basic features needed to get started with Syncfusion® Flutter Radial Gauge.
-To get started quickly with our Flutter radial gauge widget, you can check out this video:
+To get started quickly with our Flutter Radial Gauge widget, you can check out this video:
@@ -112,11 +112,11 @@ After the package has been imported, initialize the [SfRadialGauge](https://www.
{% endhighlight %}
{% endtabs %}
-
+
## Add title
-You can add a title to the radial gauge to provide information to users about the designed gauge. The title can be set to the gauge as demonstrated in the following code snippet:
+You can add a title to the Flutter Radial Gauge to provide information to users about the designed gauge. The title can be set to the gauge as demonstrated in the following code snippet:
{% tabs %}
{% highlight dart %}
@@ -149,7 +149,7 @@ You can add a title to the radial gauge to provide information to users about th
{% endhighlight %}
{% endtabs %}
-
+
## Add axis
@@ -187,7 +187,7 @@ Axes contain a list of axis elements, where you can add any number of radial axe
{% endhighlight %}
{% endtabs %}
-
+
## Add range
@@ -230,7 +230,7 @@ Ranges contain a list of range elements, where you can add any number of ranges
{% endhighlight %}
{% endtabs %}
-
+
## Add pointer
@@ -270,7 +270,7 @@ Pointers contains a list of pointer elements, where you can add any number of ga
{% endhighlight %}
{% endtabs %}
-
+
## Add annotation
@@ -313,7 +313,7 @@ You can add any number of widgets such as text or image as an annotation inside
{% endhighlight %}
{% endtabs %}
-
+
The following code example gives you the complete code of above configurations.
diff --git a/Flutter/radial-gauge/marker-pointer.md b/Flutter/radial-gauge/marker-pointer.md
index f9f185e94..1ad6f4edc 100644
--- a/Flutter/radial-gauge/marker-pointer.md
+++ b/Flutter/radial-gauge/marker-pointer.md
@@ -9,9 +9,9 @@ documentation: ug
# Marker Pointer in Flutter Radial Gauge (SfRadialGauge)
-A [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html) is used to indicate a specific value on the radial gauge axis. It supports seven built-in marker shapes and additional customization options such as image, text, color, size, border, elevation, overlay, and position offset. The marker type can be changed using the [`markerType`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/markerType.html) property. The default marker type is [`MarkerType.invertedTriangle`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html).
+A [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html) is used to indicate a specific value on the axis of the Flutter Radial Gauge. It supports seven built-in marker shapes and additional customization options such as image, text, color, size, border, elevation, overlay, and position offset. The marker type can be changed using the [`markerType`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/markerType.html) property. The default marker type is [`MarkerType.invertedTriangle`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html).
-The following example demonstrates adding a default marker pointer to the radial gauge.
+The following example demonstrates adding a default marker pointer to the Radial Gauge.
{% highlight dart %}
@@ -60,7 +60,7 @@ class MarkerPointerExample extends StatelessWidget {
## Marker types
-The radial gauge supports the following built-in marker types that can be set using the [`markerType`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/markerType.html) property of [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html):
+The Flutter Radial Gauge supports the following built-in marker types that can be set using the [`markerType`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/markerType.html) property of [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html):
* [`MarkerType.circle`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html) - Renders the pointer as a circle.
* [`MarkerType.diamond`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html) - Renders the pointer as a diamond.
@@ -292,7 +292,7 @@ class RectangleMarkerExample extends StatelessWidget {
### Triangle
-The [`MarkerType.triangle`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html) renders the marker pointer as an upward-pointing triangle. It is commonly used as a directional indicator on the gauge.
+The [`MarkerType.triangle`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerType.html) renders the marker pointer as an upward-pointing triangle. It is commonly used as a directional indicator on the Flutter Radial Gauge.
{% highlight dart %}
diff --git a/Flutter/radial-gauge/needle-pointer.md b/Flutter/radial-gauge/needle-pointer.md
index 6d5c09db2..305900d72 100644
--- a/Flutter/radial-gauge/needle-pointer.md
+++ b/Flutter/radial-gauge/needle-pointer.md
@@ -9,7 +9,7 @@ documentation: ug
# Needle Pointer in Flutter Radial Gauge (SfRadialGauge)
-[`Needle Pointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer-class.html) contains three parts namely needle, [`knob`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer/knobStyle.html), and [`tail`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer/tailStyle.html) and that can be placed on a gauge to mark values.
+[`Needle Pointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer-class.html) contains three parts namely needle, [`knob`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer/knobStyle.html), and [`tail`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer/tailStyle.html) and that can be placed on a Flutter Radial Gauge to mark values.
{% highlight dart %}
diff --git a/Flutter/radial-gauge/overview.md b/Flutter/radial-gauge/overview.md
index f554752a3..e4bcfb2d8 100644
--- a/Flutter/radial-gauge/overview.md
+++ b/Flutter/radial-gauge/overview.md
@@ -11,16 +11,16 @@ documentation: ug
Syncfusion® Flutter Radial Gauge is a powerful data visualization widget in Dart. It enables you to create modern, interactive, and animated gauges that enhance the user interface of high-quality mobile applications built with Flutter.
-
+
## Key Features
-* **Title** - Add a descriptive title to the radial gauge to provide context about the data being visualized. The title can be aligned to the near, center, or far position and its text style can be customized. See the [title](radial-gauge-title.md) documentation to learn more.
-* **Axes** - The radial gauge axis is a circular arc that displays a set of values along a linear or custom scale based on your design requirements. Axis elements such as labels, ticks, and axis lines can be easily customized with built-in properties to match your application's theme. See the [axes](axes.md) documentation to learn more.
-* **Ranges** - Gauge ranges are visual elements that help users quickly visualize where a value falls on the axis. Text can be easily annotated within ranges to improve readability and provide additional context to your data visualization. See the [ranges](ranges.md) documentation to learn more.
-* **Pointers** - Pointer is used to indicate values on an axis. The radial gauge has four types of pointers: needle pointer, marker pointer, range pointer, and widget pointer. All the pointers can be customized as needed. See the [pointers](pointers.md) documentation to learn more.
-* **Animation** - The Radial Gauge provides visually appealing animations when pointers move from one value to another. Various animation types and customization options are available to create engaging user experiences. See the [animation](animation.md) documentation to learn more.
+* **Title** - Add a descriptive title to the Flutter Radial Gauge to provide context about the data being visualized. The title can be aligned to the near, center, or far position and its text style can be customized. See the [title](radial-gauge-title.md) documentation to learn more.
+* **Axes** - The Flutter Radial Gauge axis is a circular arc that displays a set of values along a linear or custom scale based on your design requirements. Axis elements such as labels, ticks, and axis lines can be easily customized with built-in properties to match your application's theme. See the [axes](axes.md) documentation to learn more.
+* **Ranges** - Flutter Radial Gauge ranges are visual elements that help users quickly visualize where a value falls on the axis. Text can be easily annotated within ranges to improve readability and provide additional context to your data visualization. See the [ranges](ranges.md) documentation to learn more.
+* **Pointers** - Pointer is used to indicate values on an axis. The Flutter Radial Gauge has four types of pointers: needle pointer, marker pointer, range pointer, and widget pointer. All the pointers can be customized as needed. See the [pointers](pointers.md) documentation to learn more.
+* **Animation** - The Flutter Radial Gauge provides visually appealing animations when pointers move from one value to another. Various animation types and customization options are available to create engaging user experiences. See the [animation](animation.md) documentation to learn more.
* **Annotations** - Add multiple widgets such as text, images, or custom Flutter widgets as annotations at specific points of interest in the radial gauge to provide additional context or information. See the [annotations](annotation.md) documentation to learn more.
-* **Accessibility** - The radial gauge is built with accessibility support, allowing it to be navigated and read by screen readers such as TalkBack and VoiceOver. The widget exposes semantic information to assistive technologies so users with visual impairments can understand the gauge data. See the [accessibility](accessibility.md) documentation to learn more.
+* **Accessibility** - The Flutter Radial Gauge is built with accessibility support, allowing it to be navigated and read by screen readers such as TalkBack and VoiceOver. The widget exposes semantic information to assistive technologies so users with visual impairments can understand the gauge data. See the [accessibility](accessibility.md) documentation to learn more.
You can get the sample in the following link: [`Flutter Gauges`](https://github.com/syncfusion/flutter-examples/tree/master/lib/samples/gauge).
\ No newline at end of file
diff --git a/Flutter/radial-gauge/pointers.md b/Flutter/radial-gauge/pointers.md
index 27089d910..9fc7677c4 100644
--- a/Flutter/radial-gauge/pointers.md
+++ b/Flutter/radial-gauge/pointers.md
@@ -9,14 +9,14 @@ documentation: ug
# Pointers in Flutter Radial Gauge (SfRadialGauge)
- Pointer is used to indicate values on an axis. The Syncfusion Flutter Radial Gauge control offers four types of pointers:
+Pointer is used to indicate values on an axis. The Syncfusion® Flutter Radial Gauge control offers four types of pointers:
[`Marker pointer`](https://help.syncfusion.com/flutter/radial-gauge/marker-pointer)
[`Needle pointer`](https://help.syncfusion.com/flutter/radial-gauge/needle-pointer)
[`Range pointer`](https://help.syncfusion.com/flutter/radial-gauge/range-pointer)
[`Widget pointer`](https://help.syncfusion.com/flutter/radial-gauge/widget-pointer)
-All pointers can be customized to meet your specific requirement. You can add multiple pointers to the gauge to indicate multiple values on the same scale. The value of the pointer is set using the [`value`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugePointer/value.html) property.
+All pointers can be customized to meet your specific requirement. You can add multiple pointers to the Flutter Radial Gauge to indicate multiple values on the same scale. The value of the pointer is set using the [`value`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugePointer/value.html) property.
@@ -213,7 +213,7 @@ class _EventExampleState extends State {
{% endhighlight %}
{% endtabs %}
-The [`onCreatePointerRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/onCreatePointerRenderer.html) callback allows you to create a custom pointer in the radial gauge. This callback is available for both the [`NeedlePointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer-class.html) or [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html) types.
+The [`onCreatePointerRenderer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer/onCreatePointerRenderer.html) callback allows you to create a custom pointer in the Flutter Radial Gauge. This callback is available for both the [`NeedlePointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/NeedlePointer-class.html) or [`MarkerPointer`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/MarkerPointer-class.html) types.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/radial-gauge/radial-gauge-title.md b/Flutter/radial-gauge/radial-gauge-title.md
index 46030ac35..041bc6dcf 100644
--- a/Flutter/radial-gauge/radial-gauge-title.md
+++ b/Flutter/radial-gauge/radial-gauge-title.md
@@ -23,7 +23,7 @@ The following properties are used to customize the appearance of title,
## Text alignment
-You can align the title text content horizontally to the near (left), center, or far (right) position relative to the gauge using the [`alignment`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeTitle/alignment.html) property of [`title`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeTitle-class.html). The default alignment is `GaugeAlignment.center`.
+You can align the title text content horizontally to the near (left), center, or far (right) position relative to the Flutter Radial Gauge using the [`alignment`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeTitle/alignment.html) property of [`title`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/GaugeTitle-class.html). The default alignment is `GaugeAlignment.center`.
{% tabs %}
{% highlight dart %}
@@ -84,4 +84,4 @@ class MyHomePage extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/Flutter/radial-gauge/range-pointer.md b/Flutter/radial-gauge/range-pointer.md
index baaa89175..8d6c317ca 100644
--- a/Flutter/radial-gauge/range-pointer.md
+++ b/Flutter/radial-gauge/range-pointer.md
@@ -9,7 +9,7 @@ documentation: ug
# Range Pointer in Flutter Radial Gauge (SfRadialGauge)
-A range pointer is an accenting line or shaded background range that can be placed on a gauge to mark the current value. The default width is 10 logical pixels, with a default color of RGB(0, 168, 231).
+A range pointer is an accenting line or shaded background range that can be placed on a Flutter Radial Gauge to mark the current value. The default width is 10 logical pixels, with a default color of RGB(0, 168, 231).
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/range-selector/basic-features.md b/Flutter/range-selector/basic-features.md
index 89abdc71b..8f0855791 100644
--- a/Flutter/range-selector/basic-features.md
+++ b/Flutter/range-selector/basic-features.md
@@ -20,13 +20,13 @@ The maximum value that the user can select. The default value of [`max`](https:/
## Initial values
-It represents the initial values in the range selector. The range selector's thumbs are drawn corresponding to this value.
+It represents the initial values in the Flutter Range Selector. The thumbs of the Range Selector are drawn corresponding to this value.
-N> 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.
+N> For date values, the Flutter 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.
-**Numeric range selector**
+**Numeric Range Selector**
-You can show numeric values in the range selector by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
+You can show numeric values in the Flutter Range Selector by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
{% tabs %}
{% highlight Dart %}
@@ -100,11 +100,11 @@ class NumericRangeSelectorSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
-**Date range selector**
+**Date Range Selector**
-You can show date values in the range selector by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
+You can show date values in the Flutter Range Selector by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range selector using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -184,13 +184,13 @@ class DateRangeSelectorSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Handle onChangeStart, onChanged, and onChangeEnd callbacks
**onChangeStart**
-The [`onChangeStart`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChangeStart.html) callback is called when the user begins to interact with the range selector using a tap or drag action. This callback is only used to notify the user that the interaction has started and it does not change the value of the range selector thumb.
+The [`onChangeStart`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChangeStart.html) callback is called when the user begins to interact with the Flutter Range Selector using a tap or drag action. This callback is only used to notify the user that the interaction has started and it does not change the value of the Range Selector thumb.
{% tabs %}
{% highlight Dart %}
@@ -230,7 +230,7 @@ class _OnChangeStartSampleState extends State {
**onChangeEnd**
-The [`onChangeEnd`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChangeEnd.html) callback is called when the user stops interacting with the range selector using a tap or drag action. This callback is only used to notify the user that the interaction has ended and it does not change the value of the range selector thumb.
+The [`onChangeEnd`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/onChangeEnd.html) callback is called when the user stops interacting with the Flutter Range Selector using a tap or drag action. This callback is only used to notify the user that the interaction has ended and it does not change the value of the Range Selector thumb.
{% tabs %}
{% highlight Dart %}
@@ -342,7 +342,7 @@ class _OnChangedSampleState extends State {
It represents the color applied to the active track, thumb, overlay, and inactive dividers.
-The active side of the range selector is between start and end thumbs.
+The active side of the Flutter Range Selector is between start and end thumbs.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/enabled-and-disabled-state.md b/Flutter/range-selector/enabled-and-disabled-state.md
index 3e9167117..2e9ba38bf 100644
--- a/Flutter/range-selector/enabled-and-disabled-state.md
+++ b/Flutter/range-selector/enabled-and-disabled-state.md
@@ -9,11 +9,11 @@ documentation: ug
# Enabled and Disabled States in Flutter Range Selector
-This section explains the enabled and disabled states in the Flutter range selector.
+This section explains the enabled and disabled states in the Flutter Range Selector.
## Enabled state
-By default, the range selector is rendered in the enabled state. You can explicitly control it using the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property. The default value of the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property is `true`.
+By default, the Flutter Range Selector is rendered in the enabled state. You can explicitly control it using the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property. The default value of the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property is `true`.
{% tabs %}
{% highlight Dart %}
@@ -92,7 +92,7 @@ class Data {
## Disabled state
-You can render the range selector in a disabled state using the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property. The default value of the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property is `true`.
+You can render the Flutter Range Selector in a disabled state using the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property. The default value of the [`enabled`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/enabled.html) property is `true`.
{% tabs %}
{% highlight Dart %}
@@ -169,7 +169,7 @@ class Data {
{% endhighlight %}
{% endtabs %}
-
+
## Disabled color
diff --git a/Flutter/range-selector/getting-started.md b/Flutter/range-selector/getting-started.md
index 294d8be48..c7f4677a0 100644
--- a/Flutter/range-selector/getting-started.md
+++ b/Flutter/range-selector/getting-started.md
@@ -8,19 +8,19 @@ 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, covering only the basic features needed to get started with the Syncfusion® range selector.
+This section explains the steps required to add the Flutter Range Selector widget and its elements such as numeric and date values, ticks, labels, and tooltips, covering only the basic features needed to get started with the Syncfusion® Flutter Range Selector.
To get started quickly with our Flutter Range Selector widget, you can check out this video.
-## Add Flutter range selector to an application
+## Add Flutter Range Selector to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter range selector dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Range Selector dependency to your pubspec.yaml file.
{% tabs %}
{% highlight dart %}
@@ -58,11 +58,11 @@ import 'package:syncfusion_flutter_sliders/sliders.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize range selector
+## Initialize Range Selector
-After importing the package, initialize the range selector widget as a child of any widget. Here, the range selector widget is added as a child of the Container widget. The default values of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) properties of the SfRangeSelector are 0.0 and 1.0 respectively. So, the [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property must be given within the range. You can add any kind of widget as a child of range selector. Here, [Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts) widget is added as a child.
+After importing the package, initialize the Flutter Range Selector widget as a child of any widget. Here, the Range Selector widget is added as a child of the Container widget. The default values of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) properties of the SfRangeSelector are 0.0 and 1.0 respectively. So, the [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property must be given within the range. You can add any kind of widget as a child of the Flutter Range Selector. Here, [Chart](https://www.syncfusion.com/flutter-widgets/flutter-charts) widget is added as a child.
-I> You need to set the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) property to update range selector thumb values dynamically. Refer this [`link`](https://help.syncfusion.com/flutter/range-selector/range-controller) for setting controller property. The [initialValues](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property can be used to set values at load time.
+I> You need to set the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) property to update Range Selector thumb values dynamically. Refer this [`link`](https://help.syncfusion.com/flutter/range-selector/range-controller) for setting controller property. The [initialValues](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property can be used to set values at load time.
{% tabs %}
{% highlight Dart %}
@@ -124,7 +124,7 @@ class GettingStartedInitializeSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Handle range change
@@ -199,7 +199,7 @@ class _HandleRangeChangeSampleState extends State {
## Set numeric range
-You can show numeric values in the range selector by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
+You can show numeric values in the Flutter Range Selector by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
{% tabs %}
{% highlight Dart %}
@@ -268,11 +268,11 @@ class NumericRangeSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Set date range
-You can show date values in the range selector by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
+You can show date values in the Flutter Range Selector by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range selector using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -348,11 +348,11 @@ class DateRangeSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Enable ticks
-You can enable ticks in the range selector using the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) property.
+You can enable ticks in the Range Selector using the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) property.
{% tabs %}
{% highlight Dart %}
@@ -422,13 +422,13 @@ class EnableTicksSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Add prefix/suffix to labels
You can add prefix or suffix to the labels using the [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/numberFormat.html) or [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) properties.
-N> The format type (numeric or date) of the range selector is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
+N> The format type (numeric or date) of the Flutter Range Selector is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) and [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) properties.
I> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range selector using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class and for formatting numeric range selector using the [`NumberFormat`](https://pub.dev/documentation/intl/latest/intl/NumberFormat-class.html) class.
@@ -507,4 +507,4 @@ class PrefixSuffixLabelsSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
diff --git a/Flutter/range-selector/interval.md b/Flutter/range-selector/interval.md
index 3f9807e1f..8786f99ff 100644
--- a/Flutter/range-selector/interval.md
+++ b/Flutter/range-selector/interval.md
@@ -12,9 +12,9 @@ This section explains how to set intervals for numeric and date range selectors.
## Numeric interval
-Range selector elements like labels, ticks, and dividers are rendered based on the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html), [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) properties. The default value of the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) property is `null`, and it must be greater than 0.
+Flutter Range Selector elements like labels, ticks, and dividers are rendered based on the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html), [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) properties. The default value of the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) property is `null`, and it must be greater than 0.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 2.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the range selector will render the labels, major ticks, and dividers at 2.0, 4.0, and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 2.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the Flutter Range Selector will render the labels, major ticks, and dividers at 2.0, 4.0, and so on.
{% tabs %}
{% highlight Dart %}
@@ -99,9 +99,9 @@ N>
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.
+For date values, the Flutter 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.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is `DateTime(2002, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is `DateTime(2010, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is `2`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) is `DateFormat.y()` then the range selector will render the labels, major ticks, and dividers at 2002, 2004, 2006 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is `DateTime(2002, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is `DateTime(2010, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is `2`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) is `DateFormat.y()` then the Flutter Range Selector will render the labels, major ticks, and dividers at 2002, 2004, 2006 and so on.
{% tabs %}
{% highlight Dart %}
@@ -183,7 +183,7 @@ class DateIntervalSample extends StatelessWidget {
## Discrete selection for numeric values
-You can move the thumb in discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepSize.html) property in the range selector.
+You can move the thumb in discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepSize.html) property in the Flutter Range Selector.
{% tabs %}
{% highlight Dart %}
@@ -263,9 +263,9 @@ class StepSizeSample extends StatelessWidget {
## Discrete selection for date values
-You can move the thumb in discrete manner for date values based on the value provided in the [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepDuration.html) property in the range selector.
+You can move the thumb in discrete manner for date values based on the value provided in the [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepDuration.html) property in the Flutter Range Selector.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is `DateTime(2015, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is `DateTime(2020, 01, 01)` and [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepDuration.html) is `SliderStepDuration(years: 1, months: 6)`, the range selector will move the thumbs to `DateTime(2015, 01, 01)`, `DateTime(2016, 07, 01)`, `DateTime(2018, 01, 01)`, `DateTime(2019, 07, 01)`, and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is `DateTime(2015, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is `DateTime(2020, 01, 01)` and [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/stepDuration.html) is `SliderStepDuration(years: 1, months: 6)`, the Flutter Range Selector will move the thumbs to `DateTime(2015, 01, 01)`, `DateTime(2016, 07, 01)`, `DateTime(2018, 01, 01)`, `DateTime(2019, 07, 01)`, and so on.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/labels-and-divider.md b/Flutter/range-selector/labels-and-divider.md
index 807afb6f7..7f5bb702e 100644
--- a/Flutter/range-selector/labels-and-divider.md
+++ b/Flutter/range-selector/labels-and-divider.md
@@ -8,7 +8,7 @@ documentation: ug
---
# Labels and Dividers in Flutter Range Selector (SfRangeSelector)
-This section explains how to add labels and dividers to the range selector.
+This section explains how to add labels and dividers to the Flutter Range Selector.
## Show labels
@@ -86,7 +86,7 @@ class ShowLabelsSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
N>
* Refer the [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/numberFormat.html) and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) for formatting the numeric and date labels respectively.
@@ -176,7 +176,7 @@ class NumberFormatSample extends StatelessWidget {
## Date format
-The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html). 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. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) property is `null`.
+The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html). For date values, the Flutter 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. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dateFormat.html) property is `null`.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range selector using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -507,7 +507,7 @@ class LabelPlacementSample extends StatelessWidget {
## Edge label placement
-The [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/edgeLabelPlacement.html) property determines how the edge (first and last) labels are positioned on the range selector. This property allows the edge labels to be placed either inside the major ticks or directly on the major ticks.
+The [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/edgeLabelPlacement.html) property determines how the edge (first and last) labels are positioned on the Flutter Range Selector. This property allows the edge labels to be placed either inside the major ticks or directly on the major ticks.
The default value of [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/edgeLabelPlacement.html) property is `EdgeLabelPlacement.auto`.
@@ -679,7 +679,7 @@ class CustomizeLabelTextSample extends StatelessWidget {
## Label style
-You can change the active and inactive label appearance of the range selector using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
+You can change the active and inactive label appearance of the Flutter Range Selector using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
The active side of the [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) is between start and end thumbs.
@@ -890,7 +890,7 @@ class _IndividualLabelStyleSampleState
## Label offset
-You can adjust the space between ticks and labels of the range selector using the [`labelOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/labelOffset.html) property.
+You can adjust the space between ticks and labels of the Flutter Range Selector using the [`labelOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/labelOffset.html) property.
The default value of the [`labelOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/labelOffset.html) property is `Offset(0.0, 13.0)` if the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) property is `false`.
The default value of the [`labelOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/labelOffset.html) property is `Offset(0.0, 5.0)` if the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) property is `true`.
@@ -979,7 +979,7 @@ class LabelOffsetSample extends StatelessWidget {
The [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showDividers.html) property is used to render the dividers on the track. The default value of [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showDividers.html) property is `false`. It is a shape which is used to represent the major interval points of the track.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the range selector will render the dividers at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the Flutter Range Selector will render the dividers at 0.0, 2.0, 4.0 and so on.
{% tabs %}
{% highlight Dart %}
@@ -1053,11 +1053,11 @@ class ShowDividersSample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Divider radius
-You can change the active and inactive divider radius of the range selector using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
+You can change the active and inactive divider radius of the Flutter Range Selector using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
{% tabs %}
{% highlight Dart %}
@@ -1143,7 +1143,7 @@ class DividerRadiusSample extends StatelessWidget {
## Divider stroke width and stroke color
-You can change the active and inactive divider stroke width of the range selector using the [`activeDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeWidth.html) and the [`inactiveDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeWidth.html) properties respectively.
+You can change the active and inactive divider stroke width of the Flutter Range Selector using the [`activeDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeWidth.html) and the [`inactiveDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeWidth.html) properties respectively.
Also, you can change the active and inactive divider stroke color of the range selector using the [`activeDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeColor.html) and the [`inactiveDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeColor.html) properties respectively.
@@ -1233,7 +1233,7 @@ class DividerStrokeSample extends StatelessWidget {
## Divider color
-You can change the active and inactive divider color of the range selector using the [`activeDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerColor.html) and [`inactiveDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerColor.html) properties respectively.
+You can change the active and inactive divider color of the Flutter Range Selector using the [`activeDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerColor.html) and [`inactiveDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerColor.html) properties respectively.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/overview.md b/Flutter/range-selector/overview.md
index 1a1a635eb..936e35f47 100644
--- a/Flutter/range-selector/overview.md
+++ b/Flutter/range-selector/overview.md
@@ -11,11 +11,11 @@ documentation: ug
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.
-
+
## Features
-* **Child support** - Add a child of any type inside the range selector. It is also possible to add a [Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts) widget. With the built-in integrations, the range selector is smart enough to handle features like segment selection and zooming in the chart based on the selected range in the range selector. Similar to the range slider, it also supports both numeric and date values.
+* **Child support** - Add a child of any type inside the Flutter Range Selector. It is also possible to add a [Charts](https://www.syncfusion.com/flutter-widgets/flutter-charts) widget. With the built-in integrations, the Range Selector is smart enough to handle features like segment selection and zooming in the chart based on the selected range in the Range Selector. Similar to the range slider, it also supports both numeric and date values.
* **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.
diff --git a/Flutter/range-selector/range-controller.md b/Flutter/range-selector/range-controller.md
index da4e3b603..25487e56d 100644
--- a/Flutter/range-selector/range-controller.md
+++ b/Flutter/range-selector/range-controller.md
@@ -9,19 +9,19 @@ documentation: ug
# Controller in Flutter Range Selector (SfRangeSelector)
-You can use [`RangeController`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/RangeController-class.html) for setting and getting current selected values of range selector.
+You can use [`RangeController`](https://pub.dev/documentation/syncfusion_flutter_core/latest/core/RangeController-class.html) for setting and getting current selected values of Flutter Range Selector.
-The `start` represents the currently selected start value of the range selector. The left thumb of the range selector is drawn corresponding to this value.
+The `start` represents the currently selected start value of the Flutter Range Selector. The left thumb of the Range Selector is drawn corresponding to this value.
-The `end` represents the currently selected end value of the range selector. The right thumb of the range selector is drawn corresponding to this value.
+The `end` represents the currently selected end value of the Flutter Range Selector. The right thumb of the Range Selector is drawn corresponding to this value.
You can get previous values using `previousStart` and `previousEnd` properties.
The `start`, `end`, `previousStart`, `previousEnd` properties can be either `double` or `DateTime` based on whether it is date type [`SfRangeSelector`](https://help.syncfusion.com/flutter/range-selector/getting-started#set-date-range) or numeric [`SfRangeSelector`](https://help.syncfusion.com/flutter/range-selector/getting-started#set-numeric-range).
-I> You do not need to set the [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property when using the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) property in the range selector.
+I> You do not need to set the [`initialValues`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/initialValues.html) property when using the [`controller`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/controller.html) property in the Flutter Range Selector.
-N> You must import the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) to use the range controller in the range selector.
+N> You must import the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) to use the range controller in the Flutter Range Selector.
{% tabs %}
{% highlight Dart %}
@@ -114,11 +114,11 @@ class Data {
{% endhighlight %}
{% endtabs %}
-
+
## Selection with SfChart
-The range selector provides built-in support for selecting the chart segments based on the selected range in the range selector. To achieve this segment selection, you must set the `SelectionBehavior.selectionController` property in the `SfCartesianChart.series` property. The [`selectionController`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SelectionBehavior/selectionController.html) links the chart selection to the range selector's controller.
+The Flutter Range Selector provides built-in support for selecting the chart segments based on the selected range in the Range Selector. To achieve this segment selection, you must set the `SelectionBehavior.selectionController` property in the `SfCartesianChart.series` property. The [`selectionController`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SelectionBehavior/selectionController.html) links the chart selection to the controller of the Range Controller.
{% tabs %}
{% highlight Dart %}
@@ -240,7 +240,7 @@ class Data {
## Zooming with SfChart
-The range selector provides built-in support for updating the visible range of the chart based on the selected range in the range selector. To update the visible range, you must set the `primaryXAxis.rangeController` property in the [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html).
+The Flutter Range Selector provides built-in support for updating the visible range of the chart based on the selected range in the Range Selector. To update the visible range, you must set the `primaryXAxis.rangeController` property in the [`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html).
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/right-to-left.md b/Flutter/range-selector/right-to-left.md
index e7519d096..3545bd4f8 100644
--- a/Flutter/range-selector/right-to-left.md
+++ b/Flutter/range-selector/right-to-left.md
@@ -9,7 +9,7 @@ documentation: ug
# Right-to-Left (RTL) in Flutter Range Selector (SfRangeSelector)
-N> RTL is not applicable for the vertical orientation of the range selector.
+N> RTL is not applicable for the vertical orientation of the Flutter Range Selector.
## RTL rendering ways
@@ -17,7 +17,7 @@ Right-to-left rendering can be achieved in the following ways:
### Wrapping the SfRangeSelector with Directionality widget
-The range selector can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
+The Flutter Range Selector can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
{% tabs %}
{% highlight Dart %}
@@ -64,7 +64,7 @@ class _RtlDirectionalitySampleState extends State {
### 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, 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.
+The Flutter 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/shapes.md b/Flutter/range-selector/shapes.md
index 21cf068e4..4eaed0e32 100644
--- a/Flutter/range-selector/shapes.md
+++ b/Flutter/range-selector/shapes.md
@@ -18,7 +18,7 @@ You can change the size and shape of the track using the [`trackShape`](https://
* getPreferredSize() - Returns the size based on the values passed to it.
* paint() - Used to change the track shape.
-N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the range selector track.
+N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the track of the Flutter Range Selector.
{% tabs %}
{% highlight Dart %}
@@ -136,7 +136,7 @@ You can change the size and shape of the thumb using the [`thumbShape`](https://
* getPreferredSize() - Returns the size based on the values passed to it.
* paint() - Used to change the thumb shape.
-N> You must use the `currentValues` parameter of the paint override method for customizing the range selector thumbs.
+N> You must use the `currentValues` parameter of the paint override method for customizing the thumbs of the Flutter Range Selector.
{% tabs %}
{% highlight Dart %}
@@ -250,7 +250,7 @@ You can change the size and shape of the divider using the [`dividerShape`](http
* getPreferredSize() - Returns the size based on the values passed to it.
* paint() - Used to change the divider shape.
-N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the range selector divider.
+N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the divider of the Flutter Range Selector.
{% tabs %}
{% highlight Dart %}
@@ -357,7 +357,7 @@ You can change the size and shape of the major and minor ticks using the [`tickS
* getPreferredSize() - Returns the size based on the values passed to it.
* paint() - Used to change the ticks shape.
-N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the range selector ticks.
+N> You must use the `startThumbCenter`, `endThumbCenter`, and `currentValues` parameters of the paint override method for customizing the ticks of the Range Selector.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/thumb-and-overlay.md b/Flutter/range-selector/thumb-and-overlay.md
index 2f1d790ae..045cab429 100644
--- a/Flutter/range-selector/thumb-and-overlay.md
+++ b/Flutter/range-selector/thumb-and-overlay.md
@@ -9,16 +9,16 @@ documentation: ug
# Thumb and Thumb Overlay in Flutter Range Selector (SfRangeSelector)
-This section explains how to customize the thumb and thumb overlay in the range selector.
+This section explains how to customize the thumb and thumb overlay in the Flutter Range Selector.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSelectorTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorTheme-class.html). All the examples in this section use `SfRangeSelectorTheme` to customize the thumb and thumb overlay.
-* **Thumb** - It is one of the elements of range selector which can be used to drag and change the selected values of the range selector.
+* **Thumb** - It is one of the elements of Flutter Range Selector which can be used to drag and change the selected values of the Flutter Range Selector.
* **Thumb overlay** - It is rendered around the thumb while interacting with it.
## Thumb size
-You can change the size of the thumb in the range selector using the [`thumbRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbRadius.html) property.
+You can change the size of the thumb in the Flutter Range Selector using the [`thumbRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbRadius.html) property.
{% tabs %}
{% highlight Dart %}
@@ -102,7 +102,7 @@ class ThumbSizeSample extends StatelessWidget {
## Thumb color
-You can change the color of the thumb in the range selector using the [`thumbColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbColor.html) property.
+You can change the color of the thumb in the Flutter Range Selector using the [`thumbColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbColor.html) property.
{% tabs %}
{% highlight Dart %}
@@ -365,7 +365,7 @@ class ThumbIconSample extends StatelessWidget {
## Thumb overlay size
-You can change the size of the thumb overlay in the range selector using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
+You can change the size of the thumb overlay in the Flutter Range Selector using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
{% tabs %}
{% highlight Dart %}
@@ -449,7 +449,7 @@ class ThumbOverlaySizeSample extends StatelessWidget {
## Thumb overlay color
-You can change the color of the thumb overlay in the range selector using the [`overlayColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayColor.html) property.
+You can change the color of the thumb overlay in the Flutter Range Selector using the [`overlayColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayColor.html) property.
{% tabs %}
{% highlight Dart %}
@@ -533,7 +533,7 @@ class ThumbOverlayColorSample extends StatelessWidget {
## Thumb overlap stroke color
-You can change the overlap stroke color of the thumb in the range selector using the [`overlappingThumbStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingThumbStrokeColor.html) property.
+You can change the overlap stroke color of the thumb in the Flutter Range Selector using the [`overlappingThumbStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingThumbStrokeColor.html) property.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/ticks.md b/Flutter/range-selector/ticks.md
index e735da5bb..731d54c31 100644
--- a/Flutter/range-selector/ticks.md
+++ b/Flutter/range-selector/ticks.md
@@ -9,13 +9,13 @@ documentation: ug
# Ticks in Flutter Range Selector (SfRangeSelector)
-This section explains how to add major and minor ticks in the range selector.
+This section explains how to add major and minor ticks in the Flutter Range Selector.
## Show major ticks
You can enable the major ticks on the track. It is a shape used to mark the major interval points on the track. The default value of [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/showTicks.html) property is `false`.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the range selector will render the major ticks at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the Flutter Range Selector will render the major ticks at 0.0, 2.0, 4.0 and so on.
{% tabs %}
{% highlight Dart %}
@@ -99,7 +99,7 @@ N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_slid
## Show minor ticks
-It represents the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the range selector will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
+It represents the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/interval.html) is 2.0, the Flutter Range Selector will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
I> The default value of [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/minorTicksPerInterval.html) property is `null` and it must be greater than 0.
@@ -184,7 +184,7 @@ N>
## Major ticks color
-You can change the active and inactive major ticks color of the range selector using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
+You can change the active and inactive major ticks color of the Flutter Range Selector using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
The active side of the [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) is between start and end thumbs.
@@ -276,7 +276,7 @@ class MajorTicksColorSample extends StatelessWidget {
## Minor ticks color
-You can change the active and inactive minor ticks color of the range selector using the [`activeMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeMinorTickColor.html) and [`inactiveMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveMinorTickColor.html) properties respectively.
+You can change the active and inactive minor ticks color of the Flutter Range Selector using the [`activeMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeMinorTickColor.html) and [`inactiveMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveMinorTickColor.html) properties respectively.
The active side of the [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) is between start and end thumbs.
@@ -367,7 +367,7 @@ class MinorTicksColorSample extends StatelessWidget {
## Tick size
-You can change the major and minor ticks size of the range selector using the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) properties respectively. The default value of the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) property is `Size(1.0, 8.0)` and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) property is `Size(1.0, 5.0)`.
+You can change the major and minor ticks size of the Flutter Range Selector using the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) properties respectively. The default value of the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) property is `Size(1.0, 8.0)` and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) property is `Size(1.0, 5.0)`.
{% tabs %}
{% highlight Dart %}
@@ -452,7 +452,7 @@ class TickSizeSample extends StatelessWidget {
## Ticks offset
-You can adjust the space between track and ticks of the range selector using the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property in the [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html). The default value of the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property is `null`.
+You can adjust the space between track and ticks of the Flutter Range Selector using the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property in the [`SfRangeSelectorThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorThemeData-class.html). The default value of the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property is `null`.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-selector/tooltip.md b/Flutter/range-selector/tooltip.md
index 20c5c5e5e..7d75c2a31 100644
--- a/Flutter/range-selector/tooltip.md
+++ b/Flutter/range-selector/tooltip.md
@@ -9,7 +9,7 @@ documentation: ug
# Tooltip in Flutter Range Selector (SfRangeSelector)
-This section explains how to add tooltips in the range selector.
+This section explains how to add tooltips in the Flutter Range Selector.
## Enable tooltips
@@ -377,7 +377,7 @@ class Data {
## Tooltip label style
-You can change the appearance of the tooltip text in the range selector using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
+You can change the appearance of the tooltip text in the Flutter Range Selector using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSelectorTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorTheme-class.html).
@@ -472,7 +472,7 @@ class Data {
## Tooltip overlap stroke color
-You can change the overlap stroke color of the tooltip in the range selector using the [`overlappingTooltipStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingTooltipStrokeColor.html) property.
+You can change the overlap stroke color of the tooltip in the Flutter Range Selector using the [`overlappingTooltipStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingTooltipStrokeColor.html) property.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSelectorTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSelectorTheme-class.html).
diff --git a/Flutter/range-selector/track.md b/Flutter/range-selector/track.md
index 7689349c9..d895686df 100644
--- a/Flutter/range-selector/track.md
+++ b/Flutter/range-selector/track.md
@@ -9,11 +9,11 @@ documentation: ug
# Track in Flutter Range Selector (SfRangeSelector)
-This section explains how to customize the track in the range selector.
+This section explains how to customize the track in the Flutter Range Selector.
## Track color
-You can change the active and inactive track color of the range selector using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
+You can change the active and inactive track color of the Flutter Range Selector using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
The active side of the [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) is between start and end thumbs.
@@ -103,7 +103,7 @@ class TrackColorSample extends StatelessWidget {
## Track height
-You can change the track height of the range selector using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default value of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
+You can change the track height of the Flutter Range Selector using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default value of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
{% tabs %}
{% highlight Dart %}
@@ -185,7 +185,7 @@ class TrackHeightSample extends StatelessWidget {
## Track corner radius
-You can change the corner of the track to be round in the range selector using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
+You can change the corner of the track to be round in the Flutter Range Selector using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
{% tabs %}
{% highlight Dart %}
diff --git a/Flutter/range-slider/basic-features.md b/Flutter/range-slider/basic-features.md
index b7bc2e632..7ca7fdb8e 100644
--- a/Flutter/range-slider/basic-features.md
+++ b/Flutter/range-slider/basic-features.md
@@ -20,13 +20,13 @@ The maximum value that the user can select. The default value of [`max`](https:/
## Values
-It represents the values currently selected in the range slider. The range slider's thumbs are drawn corresponding to these values.
+It represents the values currently selected in the Flutter Range Slider. The thumbs of the Flutter Range Slider are drawn corresponding to these values.
-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.
+For date values, the Flutter 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.
**Numeric range slider**
-You can show numeric values in the range slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
+You can show numeric values in the Flutter Range Slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
### Horizontal
@@ -112,7 +112,7 @@ class _HomePageState extends State {
**Date range slider**
-You can show date values in the range slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
+You can show date values in the Flutter Range Slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -204,13 +204,13 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Handle onChangeStart, onChanged, and onChangeEnd callbacks
**onChangeStart**
-The [`onChangeStart`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChangeStart.html) callback is called when the user begins to interact with the range slider using a tap or drag action. This callback is only used to notify the user that the interaction has started and it does not change the value of the range slider thumb.
+The [`onChangeStart`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChangeStart.html) callback is called when the user begins to interact with the Flutter Range Slider using a tap or drag action. This callback is only used to notify the user that the interaction has started and it does not change the value of the range slider thumb.
{% tabs %}
{% highlight Dart %}
@@ -251,7 +251,7 @@ class _HomePageState extends State {
**onChangeEnd**
-The [`onChangeEnd`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChangeEnd.html) callback is called when the user stops interacting with the range slider using a tap or drag action. This callback is only used to notify the user that the interaction has ended and it does not change the value of the range slider thumb.
+The [`onChangeEnd`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChangeEnd.html) callback is called when the user stops interacting with the Flutter Range Slider using a tap or drag action. This callback is only used to notify the user that the interaction has ended and it does not change the value of the range slider thumb.
{% tabs %}
{% highlight Dart %}
@@ -294,9 +294,9 @@ class _HomePageState extends State {
The [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) callback is called when the user selects a value through interaction.
-N> The range slider passes the new values to the callback but does not change its state until the parent widget rebuilds the range slider with the new values.
+N> The Flutter Range Slider passes the new values to the callback but does not change its state until the parent widget rebuilds the Flutter Range Slider with the new values.
-N> If it is null, the range slider will be disabled.
+N> If it is null, the Flutter Range Slider will be disabled.
### Horizontal
@@ -335,7 +335,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -378,7 +378,7 @@ class _HomePageState extends State {
## Active color
-It represents the color applied to the active track, thumb, overlay, and inactive dividers. The active side of the range slider is between the start and end thumbs.
+It represents the color applied to the active track, thumb, overlay, and inactive dividers. The active side of the Flutter Range Slider is between the start and end thumbs.
### Horizontal
@@ -466,7 +466,7 @@ class _HomePageState extends State {
It represents the color applied to the inactive track and active dividers.
-The inactive side of the range slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
+The inactive side of the Flutter Range Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
For RTL, the inactive side is between the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value and the start thumb, and the end thumb and the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value.
diff --git a/Flutter/range-slider/enabled-and-disabled-state.md b/Flutter/range-slider/enabled-and-disabled-state.md
index 268611eef..436f225fa 100644
--- a/Flutter/range-slider/enabled-and-disabled-state.md
+++ b/Flutter/range-slider/enabled-and-disabled-state.md
@@ -9,11 +9,11 @@ documentation: ug
# Enabled and Disabled States in Flutter Range Slider (SfRangeSlider)
-This section explains the enabled and disabled states of the Flutter range slider.
+This section explains the enabled and disabled states of the Flutter Range Slider.
## Enabled state
-The range slider will be in enabled state if [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) is set.
+The Flutter Range Slider will be in enabled state if [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) is set.
### Horizontal
@@ -130,7 +130,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
diff --git a/Flutter/range-slider/getting-started.md b/Flutter/range-slider/getting-started.md
index 9d16bd777..b668d093c 100644
--- a/Flutter/range-slider/getting-started.md
+++ b/Flutter/range-slider/getting-started.md
@@ -9,19 +9,19 @@ 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, covering only the basic features needed to get started with the Syncfusion® range slider.
+This section explains the steps required to add the Flutter Range Slider widget and its elements such as numeric and date values, ticks, labels and tooltips, covering only the basic features needed to get started with the Syncfusion® Flutter Range Slider.
To get started quickly with our Flutter Range Slider widget, check out this video.
-## Add Flutter range slider to an application
+## Add Flutter Range Slider to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter range slider dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Sliders dependency to your pubspec.yaml file.
{% tabs %}
{% highlight dart %}
@@ -33,7 +33,7 @@ syncfusion_flutter_sliders: ^xx.x.xx
{% endhighlight %}
{% endtabs %}
-N> Here **xx.x.xx** denotes the current version of [`Syncfusion Flutter Sliders`](https://pub.dev/packages/syncfusion_flutter_sliders/versions) package.
+N> Here **xx.x.xx** denotes the current version of [`Flutter Range Slider`](https://pub.dev/packages/syncfusion_flutter_sliders/versions) package.
**Get packages**
@@ -59,11 +59,11 @@ import 'package:syncfusion_flutter_sliders/sliders.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize range slider
+## Initialize Flutter Range Slider
-After importing the package, initialize the range slider widget as a child of any widget. Here, the range slider widget is added as a child of the Container widget. The default values of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) properties of the [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html) are 0.0 and 1.0 respectively. So, the [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) property must be given within the range.
+After importing the package, initialize the Flutter Range Slider widget as a child of any widget. Here, the Range Slider widget is added as a child of the Container widget. The default values of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) properties of the [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html) are 0.0 and 1.0 respectively. So, the [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) property must be given within the range.
-N> The range slider passes the new values to the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) callback but does not change its state until the parent widget rebuilds the range slider with the new values.
+N> The Flutter Range Slider passes the new values to the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) callback but does not change its state until the parent widget rebuilds the Range Slider with the new values.
### Horizontal
@@ -101,7 +101,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -143,9 +143,9 @@ class _HomePageState extends State {
## Handle range change
-The [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) callback is used to get the current values of the range slider when the user selects a value through interaction.
+The [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/onChanged.html) callback is used to get the current values of the Flutter Range Slider when the user selects a value through interaction.
-N> The range slider passes the new values to the callback but does not change its state until the parent widget rebuilds the range slider with the new values.
+N> The Flutter Range Slider passes the new values to the callback but does not change its state until the parent widget rebuilds the Range Slider with the new values.
### Horizontal
@@ -184,7 +184,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -227,7 +227,7 @@ class _HomePageState extends State {
## Set numeric range
-You can show numeric values in the range slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
+You can show numeric values in the Flutter Range Slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
### Horizontal
@@ -273,7 +273,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -323,7 +323,7 @@ class _HomePageState extends State {
## Set date range
-You can show date values in the range slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
+You can show date values in the Flutter Range Slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -375,7 +375,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -429,7 +429,7 @@ class _HomePageState extends State {
## Enable ticks
-You can enable ticks in the range slider using the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showTicks.html) property.
+You can enable ticks in the Flutter Range Slider using the [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showTicks.html) property.
### Horizontal
@@ -476,7 +476,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -525,9 +525,9 @@ class _HomePageState extends State {
-## Inverse the horizontal range slider
+## Inverse the horizontal Range Slider
-You can invert the horizontal range slider by wrapping the range slider in the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and setting the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `TextDirection.rtl`. The [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget only affects horizontal sliders; to invert a vertical range slider, use the [`isInversed`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/isInversed.html) property described in the [Inverse the vertical range slider](#inverse-the-vertical-range-slider) section.
+You can invert the horizontal range slider by wrapping the Flutter Range Slider in the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and setting the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `TextDirection.rtl`. The [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget only affects horizontal sliders; to invert a vertical range slider, use the [`isInversed`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/isInversed.html) property described in the [Inverse the vertical range slider](#inverse-the-vertical-range-slider) section.
{% tabs %}
{% highlight Dart %}
@@ -569,9 +569,9 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
-## Inverse the vertical range slider
+## Inverse the vertical Flutter Range Slider
You can invert the vertical range slider using the [`isInversed`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/isInversed.html) property. The default value of the [`isInversed`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/isInversed.html) property is `false`.
@@ -613,13 +613,13 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Add prefix/suffix to labels
You can add prefix or suffix to the labels using the [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/numberFormat.html) or [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) properties.
-N> The format type (numeric or date) of the range slider is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
+N> The format type (numeric or date) of the Flutter Range Slider is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) and [`values`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/values.html) properties.
I> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class and for formatting numeric range slider using the [`NumberFormat`](https://pub.dev/documentation/intl/latest/intl/NumberFormat-class.html) class.
diff --git a/Flutter/range-slider/interval.md b/Flutter/range-slider/interval.md
index 872ee0832..38bbf34c3 100644
--- a/Flutter/range-slider/interval.md
+++ b/Flutter/range-slider/interval.md
@@ -12,9 +12,9 @@ This section explains how to set intervals for numeric and date range sliders.
## Numeric interval
-Range slider elements like labels, ticks and dividers are rendered based on the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html), [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) properties. The default value is `null`, and it must be greater than 0.
+Flutter Range Slider elements like labels, ticks and dividers are rendered based on the [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html), [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) properties. The default value is `null`, and it must be greater than 0.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the range slider will render the labels, major ticks, and dividers at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the Flutter Range Slider will render the labels, major ticks, and dividers at 0.0, 2.0, 4.0 and so on.
### Horizontal
@@ -109,9 +109,9 @@ N>
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.
+For date values, the Flutter 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.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is `DateTime(2000, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is `DateTime(2005, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is `1`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) is `DateFormat.y()` then the range slider will render the labels, major ticks, and dividers at 2000, 2001, 2002 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is `DateTime(2000, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is `DateTime(2005, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is `1`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) is `DateFormat.y()` then the Flutter Range Slider will render the labels, major ticks, and dividers at 2000, 2001, 2002 and so on.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class. This applies to all the date-range code examples below.
@@ -209,7 +209,7 @@ class _HomePageState extends State {
## Discrete selection for numeric values
-You can move the thumbs in a discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/stepSize.html) property of the range slider.
+You can move the thumbs in a discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/stepSize.html) property of the Flutter Range Slider.
### Horizontal
@@ -301,7 +301,7 @@ class _HomePageState extends State {
You can move the thumbs in a discrete manner for date values based on the value provided in the [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/stepDuration.html) property of the range slider.
-For example, if [min](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is `DateTime(2015, 01, 01)` and [max](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is `DateTime(2020, 01, 01)` and [stepDuration](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/stepDuration.html) is `SliderStepDuration(years: 1, months: 6)`, the range slider will move the thumbs to `DateTime(2015, 01, 01)`, `DateTime(2016, 07, 01)`, `DateTime(2018, 01, 01)`, and `DateTime(2019, 07, 01)`.
+For example, if [min](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is `DateTime(2015, 01, 01)` and [max](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is `DateTime(2020, 01, 01)` and [stepDuration](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/stepDuration.html) is `SliderStepDuration(years: 1, months: 6)`, the Flutter Range Slider will move the thumbs to `DateTime(2015, 01, 01)`, `DateTime(2016, 07, 01)`, `DateTime(2018, 01, 01)`, and `DateTime(2019, 07, 01)`.
### Horizontal
diff --git a/Flutter/range-slider/labels-and-divider.md b/Flutter/range-slider/labels-and-divider.md
index 22aca8074..4d804fff4 100644
--- a/Flutter/range-slider/labels-and-divider.md
+++ b/Flutter/range-slider/labels-and-divider.md
@@ -8,7 +8,7 @@ documentation: ug
---
# Labels in Flutter Range Slider (SfRangeSlider)
-This section explains how to add labels and dividers to the range slider.
+This section explains how to add labels and dividers to the Flutter Range Slider.
## Show labels
@@ -54,7 +54,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -198,7 +198,7 @@ class _HomePageState extends State {
## Date format
-The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html). 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. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) property is `null`.
+The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html). For date values, the Flutter 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. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/dateFormat.html) property is `null`.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date range slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class. This applies to all the date format code examples below.
@@ -586,7 +586,7 @@ class _HomePageState extends State {
## Edge label placement
-The [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/edgeLabelPlacement.html) property determines how the edge (first and last) labels are positioned on the range slider. This property allows the edge labels to be placed either inside the major ticks or directly on the major ticks.
+The [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/edgeLabelPlacement.html) property determines how the edge (first and last) labels are positioned on the Flutter Range Slider. This property allows the edge labels to be placed either inside the major ticks or directly on the major ticks.
The default value of [`edgeLabelPlacement`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/edgeLabelPlacement.html) property is `EdgeLabelPlacement.auto`.
@@ -789,11 +789,11 @@ class _HomePageState extends State {
## Label style
-You can change the active and inactive label appearance of the range slider using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
+You can change the active and inactive label appearance of the Flutter Range Slider using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
-The active side of the range slider is between the start and end thumbs.
+The active side of the Flutter Range Slider is between the start and end thumbs.
-The inactive side of the range slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
+The inactive side of the Flutter Range Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
For RTL, the inactive side is between the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value and the start thumb, and the end thumb and the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value.
@@ -1143,7 +1143,7 @@ class _HomePageState extends State {
The [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showDividers.html) property is used to render the dividers on the track. The default value of [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showDividers.html) property is `false`. It is a shape which is used to mark the major interval points on the track.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the range slider will render the dividers at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the Flutter Range Slider will render the dividers at 0.0, 2.0, 4.0 and so on.
N> The examples in the divider sections below use `SfRangeSliderThemeData`. You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderTheme-class.html).
@@ -1193,7 +1193,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -1245,7 +1245,7 @@ class _HomePageState extends State {
## Divider radius
-You can change the active and inactive divider radius of the range slider using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
+You can change the active and inactive divider radius of the Flutter Range Slider using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
### Horizontal
@@ -1351,7 +1351,7 @@ class _HomePageState extends State {
You can change the active and inactive divider stroke width of the range slider using the [`activeDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeWidth.html) and the [`inactiveDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeWidth.html) properties respectively.
-Also, you can change the active and inactive divider stroke color of the range slider using the [`activeDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeColor.html) and the [`inactiveDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeColor.html) properties respectively.
+Also, you can change the active and inactive divider stroke color of the Flutter Range Slider using the [`activeDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeColor.html) and the [`inactiveDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeColor.html) properties respectively.
### Horizontal
diff --git a/Flutter/range-slider/overview.md b/Flutter/range-slider/overview.md
index 044725cb7..16383597c 100644
--- a/Flutter/range-slider/overview.md
+++ b/Flutter/range-slider/overview.md
@@ -11,7 +11,7 @@ documentation: ug
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.
-
+
## Features
diff --git a/Flutter/range-slider/right-to-left.md b/Flutter/range-slider/right-to-left.md
index f3af5f5ba..2b16072be 100644
--- a/Flutter/range-slider/right-to-left.md
+++ b/Flutter/range-slider/right-to-left.md
@@ -15,7 +15,7 @@ Right-to-left rendering can be achieved in the following ways:
### Wrapping the SfRangeSlider with Directionality widget
-The range slider can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
+The Flutter Range Slider can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
{% tabs %}
{% highlight Dart %}
@@ -124,6 +124,6 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-N> This RTL support is not applicable for the vertical orientation of the range slider.
+N> This RTL support is not applicable for the vertical orientation of the Flutter Range Slider.
\ No newline at end of file
diff --git a/Flutter/range-slider/shapes.md b/Flutter/range-slider/shapes.md
index 1a38fb1ec..d85aade42 100644
--- a/Flutter/range-slider/shapes.md
+++ b/Flutter/range-slider/shapes.md
@@ -9,7 +9,7 @@ documentation: ug
# Custom Shapes in Flutter Range Slider (SfRangeSlider)
-This section explains how to customize the shapes of the range slider elements.
+This section explains how to customize the shapes of the Flutter Range Slider elements.
## Track shape
diff --git a/Flutter/range-slider/thumb-and-overlay.md b/Flutter/range-slider/thumb-and-overlay.md
index 22b8abc00..976645374 100644
--- a/Flutter/range-slider/thumb-and-overlay.md
+++ b/Flutter/range-slider/thumb-and-overlay.md
@@ -9,16 +9,16 @@ documentation: ug
# Thumb and Thumb Overlay in Flutter Range Slider (SfRangeSlider)
-This section explains how to customize the thumb and thumb overlay in the range slider.
+This section explains how to customize the thumb and thumb overlay in the Flutter Range Slider.
-* Thumb - It is one of the elements of range slider which can be used to drag and change the selected values of the range slider.
+* Thumb - It is one of the elements of Flutter Range Slider which can be used to drag and change the selected values of the Range Slider.
* Thumb overlay - It is rendered around the thumb while interacting with it.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderTheme-class.html). This applies to all the code examples in this section except the [Thumb icon](#thumb-icon) section, which uses properties exposed directly on `SfRangeSlider`.
## Thumb size
-You can change the size of the thumb in the range slider using the [`thumbRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbRadius.html) property.
+You can change the size of the thumb in the Flutter Range Slider using the [`thumbRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbRadius.html) property.
### Horizontal
@@ -434,7 +434,7 @@ class _HomePageState extends State {
## Thumb overlay size
-You can change the size of the thumb overlay in the range slider using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
+You can change the size of the thumb overlay in the Flutter Range Slider using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
### Horizontal
@@ -634,7 +634,7 @@ class _HomePageState extends State {
## Thumb overlap stroke color
-You can change the overlap stroke color of the thumb in the range slider using the [`overlappingThumbStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingThumbStrokeColor.html) property.
+You can change the overlap stroke color of the thumb in the Flutter Range Slider using the [`overlappingThumbStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingThumbStrokeColor.html) property.
### Horizontal
diff --git a/Flutter/range-slider/ticks.md b/Flutter/range-slider/ticks.md
index 0baf4fe5c..22031a4a8 100644
--- a/Flutter/range-slider/ticks.md
+++ b/Flutter/range-slider/ticks.md
@@ -9,13 +9,13 @@ documentation: ug
# Ticks in Flutter Range Slider (SfRangeSlider)
-This section explains how to add major and minor ticks in the range slider.
+This section explains how to add major and minor ticks in the Flutter Range Slider.
## Show major ticks
You can enable the major ticks on the track. It is a shape which is used to mark the major interval points on the track. The default value of [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/showTicks.html) property is `false`.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the range slider will render the major ticks at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the Flutter Range Slider will render the major ticks at 0.0, 2.0, 4.0 and so on.
### Horizontal
@@ -57,7 +57,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -105,7 +105,7 @@ N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_slid
## Show minor ticks
-It is used to represent the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the range slider will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
+It is used to represent the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/interval.html) is 2.0, the Flutter Range Slider will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
I> The default value of [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/minorTicksPerInterval.html) property is `null`. When `null`, no minor ticks are rendered. To render minor ticks, set this property to a value greater than `0`.
@@ -150,7 +150,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -201,11 +201,11 @@ N>
## Major ticks color
-You can change the active and inactive major ticks color of the range slider using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
+You can change the active and inactive major ticks color of the Flutter Range Slider using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
-The active side of the range slider is between the start and end thumbs.
+The active side of the Flutter Range Slider is between the start and end thumbs.
-The inactive side of the range slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
+The inactive side of the Flutter Range Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
For RTL, the inactive side is between the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value and the start thumb, and the end thumb and the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value.
@@ -309,11 +309,11 @@ class _HomePageState extends State {
## Minor ticks color
-You can change the active and inactive minor ticks color of the range slider using the [`activeMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeMinorTickColor.html) and [`inactiveMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveMinorTickColor.html) properties respectively.
+You can change the active and inactive minor ticks color of the Flutter Range Slider using the [`activeMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeMinorTickColor.html) and [`inactiveMinorTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveMinorTickColor.html) properties respectively.
-The active side of the range slider is between the start and end thumbs.
+The active side of the Flutter Range Slider is between the start and end thumbs.
-The inactive side of the range slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
+The inactive side of the Flutter Range Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
For RTL, the inactive side is between the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value and the start thumb, and the end thumb and the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value.
@@ -417,7 +417,7 @@ class _HomePageState extends State {
## Tick size
-You can change the major and minor ticks size of the range slider using the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) properties respectively.
+You can change the major and minor ticks size of the Flutter Range Slider using the [`tickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickSize.html) and [`minorTickSize`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/minorTickSize.html) properties respectively.
### Horizontal
diff --git a/Flutter/range-slider/tooltip.md b/Flutter/range-slider/tooltip.md
index f35b3a0fa..1aa4f4699 100644
--- a/Flutter/range-slider/tooltip.md
+++ b/Flutter/range-slider/tooltip.md
@@ -9,7 +9,7 @@ documentation: ug
# Tooltip in Flutter Range Slider (SfRangeSlider)
-This section explains how to add tooltips to the range slider.
+This section explains how to add tooltips to the Flutter Range Slider.
## Enable tooltips
@@ -58,7 +58,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -155,7 +155,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Tooltip position
@@ -203,7 +203,7 @@ class _HomePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Tooltip text format
@@ -318,7 +318,7 @@ class _HomePageState extends State {
## Tooltip color
-You can change the background color of the tooltip in the range slider using the [`tooltipBackgroundColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipBackgroundColor.html) property.
+You can change the background color of the tooltip in the Flutter Range Slider using the [`tooltipBackgroundColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipBackgroundColor.html) property.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfRangeSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderTheme-class.html). This applies to all the remaining code examples in this section that use `SfRangeSliderThemeData`.
@@ -422,7 +422,7 @@ class _HomePageState extends State {
## Tooltip label style
-You can change the appearance of the tooltip text in the range slider using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
+You can change the appearance of the tooltip text in the Flutter Range Slider using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
### Horizontal
@@ -526,7 +526,7 @@ class _HomePageState extends State {
## Tooltip overlap stroke color
-You can change the overlap stroke color of the tooltip in the range slider using the [`overlappingTooltipStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingTooltipStrokeColor.html) property.
+You can change the overlap stroke color of the tooltip in the Flutter Range Slider using the [`overlappingTooltipStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfRangeSliderThemeData/overlappingTooltipStrokeColor.html) property.
### Horizontal
diff --git a/Flutter/range-slider/track.md b/Flutter/range-slider/track.md
index cf0064d2f..3b43c108f 100644
--- a/Flutter/range-slider/track.md
+++ b/Flutter/range-slider/track.md
@@ -9,15 +9,15 @@ documentation: ug
# Track in Flutter Range Slider (SfRangeSlider)
-This section explains how to customize the track in the range slider.
+This section explains how to customize the track in the Flutter Range Slider.
## Track color
-You can change the active and inactive track color of the range slider using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
+You can change the active and inactive track color of the Flutter Range Slider using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
-The active side of the range slider is between the start and end thumbs.
+The active side of the Flutter Range Slider is between the start and end thumbs.
-The inactive side of the range slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
+The inactive side of the Flutter Range Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value and the start thumb, and the end thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value.
For RTL, the inactive side is between the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/max.html) value and the start thumb, and the end thumb and the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/min.html) value.
@@ -117,7 +117,7 @@ class _HomePageState extends State {
## Track height
-You can change the track height of the range slider using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default values of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
+You can change the track height of the Flutter Range Slider using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default values of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
### Horizontal
@@ -213,7 +213,7 @@ class _HomePageState extends State {
## Track corner radius
-You can change the corner of the track to be round in the range slider using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
+You can change the corner of the track to be round in the Flutter Range Slider using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
### Horizontal
diff --git a/Flutter/signaturepad/accessibility.md b/Flutter/signaturepad/accessibility.md
index a32dd49f0..df0d57ad6 100644
--- a/Flutter/signaturepad/accessibility.md
+++ b/Flutter/signaturepad/accessibility.md
@@ -7,7 +7,7 @@ control: SfSignaturePad
documentation: ug
---
-# Accessibility in Flutter SignaturePad (SfSignaturePad)
+# Accessibility in Flutter Signature Pad (SfSignaturePad)
## Screen reader
diff --git a/Flutter/signaturepad/getting-started.md b/Flutter/signaturepad/getting-started.md
index 4908b6e26..609d75b0d 100644
--- a/Flutter/signaturepad/getting-started.md
+++ b/Flutter/signaturepad/getting-started.md
@@ -7,16 +7,16 @@ control: SfSignaturePad
documentation: ug
---
-# Getting Started with Flutter SignaturePad (SfSignaturePad)
+# Getting Started with Flutter Signature Pad (SfSignaturePad)
-This section explains the steps required to add the SignaturePad widget and its elements such as minimum and maximum stroke widths, stroke color, and background color. This section also covers how to save the signature as an image, clear the existing signature in SignaturePad, and handle the [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html), [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html), and [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callbacks in the SignaturePad widget.
+This section explains the steps required to add the Flutter Signature Pad widget and its elements such as minimum and maximum stroke widths, stroke color, and background color. This section also covers how to save the signature as an image, clear the existing signature in Signature Pad, and handle the [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html), [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html), and [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callbacks in the Flutter Signature Pad widget.
-To get started quickly with our Flutter SignaturePad widget, you can watch this video:
+To get started quickly with our Flutter Signature Pad widget, you can watch this video:
-## Add Flutter SignaturePad to an application
+## Add Flutter Signature Pad to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
@@ -56,9 +56,9 @@ import 'package:syncfusion_flutter_signaturepad/signaturepad.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize SignaturePad
+## Initialize Signature Pad
-After importing the package, initialize the SignaturePad widget as a child of any widget. Here, the SignaturePad widget is added as a child of the Container widget to get a position and size. Also, a background color is applied to show the SignaturePad widget with a white background. The default [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/backgroundColor.html) is `Colors.transparent`.
+After importing the package, initialize the Flutter Signature Pad widget as a child of any widget. Here, the Signature Pad widget is added as a child of the Container widget to get a position and size. Also, a background color is applied to show the Signature Pad widget with a white background. The default [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/backgroundColor.html) is `Colors.transparent`.
{% tabs %}
{% highlight dart %}
@@ -86,11 +86,11 @@ class SignaturePadExample extends StatelessWidget {
{% endhighlight %}
{% endtabs %}
-
+
## Customize signature stroke color
-You can customize the stroke color of the SignaturePad widget by using the [`strokeColor`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/strokeColor.html) property. The default stroke color for the dark theme is `Colors.white` and the default color for the light theme is `Colors.black`.
+You can customize the stroke color of the Flutter Signature Pad widget by using the [`strokeColor`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/strokeColor.html) property. The default stroke color for the dark theme is `Colors.white` and the default color for the light theme is `Colors.black`.
{% tabs %}
{% highlight dart %}
@@ -154,7 +154,7 @@ class SignaturePadExample extends StatelessWidget {
## Save signatures as images in mobile and desktop platforms
-You can save the signature drawn in the SignaturePad as an image using the [`toImage()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toImage.html) method as shown in the code example below for Android, iOS, and desktop platforms. Since this [`toImage()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toImage.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method. Optionally, the `pixelRatio` parameter may be used to set the pixel ratio of the image. The higher the pixel ratio value, the higher quality image you get. The default value of the pixel ratio parameter is 1.
+You can save the signature drawn in the Signature Pad as an image using the [`toImage()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toImage.html) method as shown in the code example below for Android, iOS, and desktop platforms. Since this [`toImage()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toImage.html) method is defined in the state object of Flutter Signature Pad, you have to use a global key assigned to the Signature Pad instance to call this method. Optionally, the `pixelRatio` parameter may be used to set the pixel ratio of the image. The higher the pixel ratio value, the higher quality image you get. The default value of the pixel ratio parameter is 1.
{% tabs %}
{% highlight dart %}
@@ -248,7 +248,7 @@ class _SignaturePadExampleState extends State {
## Save signatures as images in web (mobile browser)
-You can save the signature drawn in the SignaturePad as an image using the [`renderToContext2D`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/renderToContext2D.html) method as shown in the code snippet below. Since this [`renderToContext2D()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/renderToContext2D.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
+You can save the signature drawn in the Flutter Signature Pad as an image using the [`renderToContext2D`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/renderToContext2D.html) method as shown in the code snippet below. Since this [`renderToContext2D()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/renderToContext2D.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
{% tabs %}
{% highlight dart %}
@@ -307,9 +307,9 @@ class _SignaturePadExampleState extends State {
N> Since Flutter uses two separate default web renderers, here we have two different code snippets to convert signatures to images in desktop and mobile browsers. Please refer to this Flutter [`web-renderers`](https://docs.flutter.dev/development/tools/web-renderers) page for more details.
-## Clear the existing signature in SignaturePad
+## Clear the existing signature in Signature Pad
-You can clear the signature drawn in the SignaturePad using the [`clear()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/clear.html) method as shown in the code snippet below. Since this [`clear()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/clear.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
+You can clear the signature drawn in the Flutter Signature Pad using the [`clear()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/clear.html) method as shown in the code snippet below. Since this [`clear()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/clear.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
{% tabs %}
{% highlight dart %}
@@ -355,7 +355,8 @@ class _SignaturePadExampleState extends State {
## Signature path collection
-You can get the path collection of the signature drawn in the SignaturePad using the [`toPathList()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toPathList.html) method. Since this [`toPathList()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toPathList.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
+You can get the path collection of the signature drawn in the Flutter Signature
+Pad using the [`toPathList()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toPathList.html) method. Since this [`toPathList()`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePadState/toPathList.html) method is defined in the state object of SignaturePad, you have to use a global key assigned to the SignaturePad instance to call this method.
{% tabs %}
{% highlight dart %}
@@ -402,7 +403,7 @@ class _SignaturePadExampleState extends State {
## Handle onDrawStart, onDraw, and onDrawEnd callbacks
-The widget allows you to handle the [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html), [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html), and [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callbacks for every stroke updated to the SignaturePad. The [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html) callback will be called when the user starts signing on `SfSignaturePad`, the [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html) callback will be called when updating a stroke on the [`SfSignaturePad`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/SfSignaturePad.html), and the [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callback will be called when the user completes signing on [`SfSignaturePad`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/SfSignaturePad.html).
+The widget allows you to handle the [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html), [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html), and [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callbacks for every stroke updated to the Flutter Signature Pad. The [`onDrawStart`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawStart.html) callback will be called when the user starts signing on `SfSignaturePad`, the [`onDraw`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDraw.html) callback will be called when updating a stroke on the [`SfSignaturePad`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/SfSignaturePad.html), and the [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callback will be called when the user completes signing on [`SfSignaturePad`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/SfSignaturePad.html).
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/signaturepad/how-to/custom-widget-on-flutterflow.md b/Flutter/signaturepad/how-to/custom-widget-on-flutterflow.md
index 4afd52588..1c642e54c 100644
--- a/Flutter/signaturepad/how-to/custom-widget-on-flutterflow.md
+++ b/Flutter/signaturepad/how-to/custom-widget-on-flutterflow.md
@@ -7,7 +7,7 @@ control: SfSignaturePad
documentation: ug
---
-# How to Add SignaturePad in FlutterFlow (SfSignaturePad)
+# How to Add Signature Pad in FlutterFlow (SfSignaturePad)
## Overview
@@ -28,7 +28,7 @@ Navigate to the [FlutterFlow dashboard](https://app.flutterflow.io/dashboard) an
-### Add SignaturePad widget as a dependency
+### Add Signature Pad widget as a dependency
1. Click on `+ Add Dependency`, and a text editor will appear.
2. Navigate to [Syncfusion® Flutter SignaturePad](https://pub.dev/packages/syncfusion_flutter_signaturepad) in [pub.dev](https://pub.dev/) and copy the dependency name and version using the `Copy to Clipboard` option.
diff --git a/Flutter/signaturepad/overview.md b/Flutter/signaturepad/overview.md
index c29763ec8..92569ad21 100644
--- a/Flutter/signaturepad/overview.md
+++ b/Flutter/signaturepad/overview.md
@@ -7,14 +7,14 @@ control: SfSignaturePad
documentation: ug
---
-# About Flutter SignaturePad Control (SfSignaturePad)
+# About Flutter Signature Pad Control (SfSignaturePad)
-The SignaturePad is a widget for capturing smooth and realistic signatures. This widget allows you to save signatures as images and sync them across devices and documents that need signatures. You can use your finger, pen, or mouse on a tablet, touchscreen, or other input device to draw your own signature on this SignaturePad widget.
+The Flutter Signature Pad is a widget for capturing smooth and realistic signatures. This widget allows you to save signatures as images and sync them across devices and documents that need signatures. You can use your finger, pen, or mouse on a tablet, touchscreen, or other input device to draw your own signature on this Signature Pad widget.
## Features
* **Signature stroke color customization** - The widget allows you to set the stroke color for the signatures.
* **Signature stroke width customization** - The widget allows you to set the minimum and maximum stroke widths for the signatures.
-* **SignaturePad background color customization** - The widget allows you to set the background color for the SignaturePad.
+* **SignaturePad background color customization** - The widget allows you to set the background color for the Flutter Signature Pad.
* **Save as image** - The widget provides an option to save the drawn signature as an image. This converted image can be embedded in documents, PDFs, and anything else that supports using images to denote a signature.
* **More realistic handwritten look and feel** - The unique stroke rendering algorithm draws a signature based on the speed of the drawn gestures along with minimum and maximum stroke thicknesses, which brings a more realistic, handwritten look and feel to the signature.
diff --git a/Flutter/slider/basic-features.md b/Flutter/slider/basic-features.md
index 60ebeaf80..b90c0ff41 100644
--- a/Flutter/slider/basic-features.md
+++ b/Flutter/slider/basic-features.md
@@ -22,11 +22,11 @@ The maximum value that the user can select. The default value of [`max`](https:/
It represents the value currently selected in the slider. The slider's thumb is drawn corresponding to this value.
-For date values, the slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values.
+For date values, the Flutter Slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values.
**Numeric slider**
-You can show numeric values in the slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
+You can show numeric values in the Flutter Slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
### Horizontal
@@ -118,7 +118,7 @@ class _VerticalNumericSliderPageState extends State {
**Date slider**
-You can show date values in the slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
+You can show date values in the Flutter Slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -304,9 +304,9 @@ class _OnChangeEndPageState extends State {
The [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) callback is called when the user selects a value through interaction.
-N> The slider passes the new value to the callback but does not change its state until the parent widget rebuilds the slider with the new value.
+N> The Flutter Slider passes the new value to the callback but does not change its state until the parent widget rebuilds the slider with the new value.
-N> If it is null, the slider will be disabled.
+N> If it is null, the Flutter Slider will be disabled.
### Horizontal
@@ -394,7 +394,7 @@ class _VerticalOnChangedPageState extends State {
## Active color
-It represents the color applied to the active track, thumb, overlay, and inactive dividers. The active side of the slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
+It represents the color applied to the active track, thumb, overlay, and inactive dividers. The active side of the Flutter Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
### Horizontal
@@ -494,7 +494,7 @@ class _VerticalActiveColorPageState extends State {
It represents the color applied to the inactive track and active dividers.
-The inactive side of the slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
+The inactive side of the Flutter Slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
### Horizontal
diff --git a/Flutter/slider/enabled-and-disabled-state.md b/Flutter/slider/enabled-and-disabled-state.md
index 31b13df6e..81f3ea4db 100644
--- a/Flutter/slider/enabled-and-disabled-state.md
+++ b/Flutter/slider/enabled-and-disabled-state.md
@@ -9,7 +9,7 @@ documentation: ug
# Enabled and Disabled States in Flutter Slider (SfSlider)
-This section explains the enabled and disabled states in the Flutter slider.
+This section explains the enabled and disabled states in the Flutter Flutter Slider.
## Enabled state
@@ -102,7 +102,7 @@ class _VerticalEnabledStatePageState extends State {
## Disabled state
-The slider will be in disabled state if [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) is `null`.
+The Flutter Slider will be in disabled state if [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) is `null`.
### Horizontal
@@ -178,7 +178,7 @@ class _VerticalDisabledStatePageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Disabled color
diff --git a/Flutter/slider/getting-started.md b/Flutter/slider/getting-started.md
index c32b1952e..275d2b07c 100644
--- a/Flutter/slider/getting-started.md
+++ b/Flutter/slider/getting-started.md
@@ -8,19 +8,19 @@ documentation: ug
---
# Getting Started with Flutter Slider (SfSlider)
-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.
+This section explains the steps required to add the Flutter 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® Flutter Slider.
To get started quickly with our Flutter Slider widget, check out this video.
-## Add Flutter slider to an application
+## Add Flutter Slider to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
**Add dependency**
-Add the Syncfusion® Flutter slider dependency to your pubspec.yaml file.
+Add the Syncfusion® Flutter Sliders dependency to your pubspec.yaml file.
{% tabs %}
{% highlight dart %}
@@ -58,11 +58,11 @@ import 'package:syncfusion_flutter_sliders/sliders.dart';
{% endhighlight %}
{% endtabs %}
-## Initialize slider
+## Initialize Flutter Slider
-After importing the package, initialize the slider widget as a child of any widget. Here, the slider widget is added as a child of the Center widget. The default value of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) properties of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) are 0.0 and 1.0 respectively. So, the [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) property must be given within the range.
+After importing the package, initialize the Flutter Slider widget as a child of any widget. Here, the slider widget is added as a child of the Center widget. The default value of the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) properties of the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) are 0.0 and 1.0 respectively. So, the [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) property must be given within the range.
-N> The slider passes the new value to the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) callback but does not change its state until the parent widget rebuilds the slider with the new value.
+N> The Flutter Slider passes the new value to the [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) callback but does not change its state until the parent widget rebuilds the slider with the new value.
### Horizontal
@@ -144,7 +144,7 @@ class _VerticalSliderPageState extends State {
The [`onChanged`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/onChanged.html) callback is used to get the current value of the slider when the user selects a value through interaction.
-N> The slider passes the new value to the callback but does not change its state until the parent widget rebuilds the slider with the new value.
+N> The Flutter Slider passes the new value to the callback but does not change its state until the parent widget rebuilds the slider with the new value.
### Horizontal
@@ -232,7 +232,7 @@ class _VerticalHandleValuePageState extends State {
## Set numeric value
-You can show numeric values in the slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
+You can show numeric values in the Flutter Slider by setting `double` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
### Horizontal
@@ -324,11 +324,11 @@ class _VerticalNumericSliderPageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
## Set date value
-You can show date values in the slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
+You can show date values in the Flutter Slider by setting `DateTime` values to the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
N> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -459,9 +459,9 @@ class _TicksSliderPageState extends State {
interval: 20,
showTicks: true,
showLabels: true,
- onChanged: (double newValue) {
+ onChanged: (dynamic newValue) {
setState(() {
- _value = newValue;
+ _value = newValue as double;
});
},
),
@@ -473,7 +473,7 @@ class _TicksSliderPageState extends State {
{% endhighlight %}
{% endtabs %}
-
+
### Vertical
@@ -504,9 +504,9 @@ class _VerticalTicksSliderPageState extends State {
interval: 20,
showTicks: true,
showLabels: true,
- onChanged: (double newValue) {
+ onChanged: (dynamic newValue) {
setState(() {
- _value = newValue;
+ _value = newValue as double;
});
},
),
@@ -520,9 +520,9 @@ class _VerticalTicksSliderPageState extends State {
-## Inverse the horizontal slider
+## Inverse the horizontal Flutter Slider
-You can invert the horizontal slider by wrapping the slider to the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget by setting [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `TextDirection.rtl`.
+You can invert the horizontal slider by wrapping the Flutter Slider to the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget by setting [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `TextDirection.rtl`.
{% tabs %}
{% highlight Dart %}
@@ -550,9 +550,9 @@ class _InversedHorizontalSliderPageState extends State
You can add prefix or suffix to the labels using the [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/numberFormat.html) or [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) properties.
-N> The format type (numeric or date) of the slider is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
+N> The format type (numeric or date) of the Flutter Slider is determined based on the values specified in [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html), [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) and [`value`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/value.html) properties.
I> You must import [`intl`](https://pub.dev/packages/intl) package for formatting date slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class and for formatting numeric slider using the [`NumberFormat`](https://pub.dev/documentation/intl/latest/intl/NumberFormat-class.html) class.
@@ -649,9 +649,9 @@ class _PrefixSuffixSliderPageState extends State {
showTicks: true,
showLabels: true,
numberFormat: NumberFormat("\$"),
- onChanged: (double newValue) {
+ onChanged: (dynamic newValue) {
setState(() {
- _value = newValue;
+ _value = newValue as double;
});
},
),
@@ -696,9 +696,9 @@ class _VerticalPrefixSuffixSliderPageState extends State
The type of date interval. It can be years to seconds. It is mandatory for date [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html). The default value of [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html) property is `null`.
-For date values, the slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values.
+For date values, the Flutter Slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is `DateTime(2000, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is `DateTime(2005, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is `1`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) is `DateFormat.y()` then the slider will render the labels, major ticks, and dividers at 2000, 2001, 2002 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is `DateTime(2000, 01, 01)` and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is `DateTime(2005, 01, 01)` and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is `1`, [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html) is `DateIntervalType.years`, [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) is `DateFormat.y()` then the Flutter Slider will render the labels, major ticks, and dividers at 2000, 2001, 2002 and so on.
N> You must import the [`intl`](https://pub.dev/packages/intl) package for formatting date slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
@@ -219,7 +219,7 @@ class _VerticalDateIntervalPageState extends State {
## Discrete selection for numeric values
-You can move the thumb in discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/stepSize.html) property in the slider.
+You can move the thumb in discrete manner for numeric values using the [`stepSize`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/stepSize.html) property in the Flutter Slider.
### Horizontal
@@ -315,7 +315,7 @@ class _VerticalStepSizePageState extends State {
## Discrete selection for date values
-You can move the thumb in discrete manner for date values using the [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/stepDuration.html) property in the slider.
+You can move the thumb in discrete manner for date values using the [`stepDuration`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/stepDuration.html) property in the Flutter Slider.
N> You must import the [`intl`](https://pub.dev/packages/intl) package for formatting date slider using the [`DateFormat`](https://pub.dev/documentation/intl/latest/intl/DateFormat-class.html) class.
diff --git a/Flutter/slider/labels-and-divider.md b/Flutter/slider/labels-and-divider.md
index 0a110e0dd..d0f502ad6 100644
--- a/Flutter/slider/labels-and-divider.md
+++ b/Flutter/slider/labels-and-divider.md
@@ -210,7 +210,7 @@ class _VerticalNumberFormatPageState extends State {
## Date format
-The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html). For date values, the slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) property is `null`.
+The [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) property is used to format the date labels. It is mandatory for the date [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html). For date values, the Flutter Slider does not have auto interval support. So, it is mandatory to set [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html), [`dateIntervalType`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateIntervalType.html), and [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) for date values. The default value of [`dateFormat`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/dateFormat.html) property is `null`.
### Year format
#### Horizontal
@@ -818,11 +818,11 @@ class _VerticalLabelFormatterPageState extends State
## Label style
-You can change the active and inactive label appearance of the slider using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
+You can change the active and inactive label appearance of the Flutter Slider using the [`activeLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeLabelStyle.html) and [`inactiveLabelStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveLabelStyle.html) properties respectively.
-The active side of the slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
+The active side of the Flutter Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
-The inactive side of the slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
+The inactive side of the Flutter Slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
### Horizontal
@@ -1058,7 +1058,7 @@ class _VerticalIndividualLabelsPageState extends State {
The [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/showDividers.html) property is used to render the dividers on the track. The default value of the [`showDividers`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/showDividers.html) property is `false`. It is a shape which is used to represent the major interval points of the track.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the slider will render the dividers at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the Flutter Slider will render the dividers at 0.0, 2.0, 4.0 and so on.
### Horizontal
@@ -1278,7 +1278,7 @@ class _VerticalShowDividersPageState extends State {
## Divider radius
-You can change the active and inactive divider radius of the slider using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
+You can change the active and inactive divider radius of the Flutter Slider using the [`activeDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerRadius.html) and the [`inactiveDividerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerRadius.html) properties respectively.
### Horizontal
@@ -1389,9 +1389,9 @@ class _VerticalDividerRadiusPageState extends State {
## Divider stroke width and stroke color
-You can change the active and inactive divider stroke width of the slider using the [`activeDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeWidth.html) and the [`inactiveDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeWidth.html) properties respectively.
+You can change the active and inactive divider stroke width of the Flutter Slider using the [`activeDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeWidth.html) and the [`inactiveDividerStrokeWidth`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeWidth.html) properties respectively.
-Also, you can change the active and inactive divider stroke color of the slider using the [`activeDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeColor.html) and the [`inactiveDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeColor.html) properties respectively.
+Also, you can change the active and inactive divider stroke color of the Flutter Slider using the [`activeDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerStrokeColor.html) and the [`inactiveDividerStrokeColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerStrokeColor.html) properties respectively.
### Horizontal
@@ -1506,7 +1506,7 @@ class _VerticalDividerStrokePageState extends State {
## Divider color
-You can change the active and inactive divider color of the slider using the [`activeDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerColor.html) and [`inactiveDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerColor.html) properties respectively.
+You can change the active and inactive divider color of the Flutter Slider using the [`activeDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeDividerColor.html) and [`inactiveDividerColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveDividerColor.html) properties respectively.
### Horizontal
diff --git a/Flutter/slider/right-to-left.md b/Flutter/slider/right-to-left.md
index b6b5ade4e..87b9dd074 100644
--- a/Flutter/slider/right-to-left.md
+++ b/Flutter/slider/right-to-left.md
@@ -15,7 +15,7 @@ Right-to-left rendering can be achieved in the following ways:
### Wrapping the SfSlider with Directionality widget
-The slider can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
+The Flutter Slider can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to `rtl`.
{% tabs %}
{% highlight Dart %}
@@ -63,7 +63,7 @@ class _RTLDirectionalityPageState extends State {
### 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 Flutter 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.
N> The Persian (Farsi) locale `Locale("fa", "IR")` is used in the example below. Replace it with your desired RTL locale (e.g., `Locale("ar")` for Arabic, `Locale("he")` for Hebrew, `Locale("ps")` for Pashto, or `Locale("ur")` for Urdu).
diff --git a/Flutter/slider/shapes.md b/Flutter/slider/shapes.md
index 3b8be08c3..7b70d1e5f 100644
--- a/Flutter/slider/shapes.md
+++ b/Flutter/slider/shapes.md
@@ -9,9 +9,9 @@ documentation: ug
# Custom Shapes in Flutter Slider (SfSlider)
-This section explains how to customize slider shape elements—track, thumb, divider, and ticks.
+This section explains how to customize shape elements of the Flutter Slider—track, thumb, divider, and ticks.
-N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderTheme-class.html) in all the examples shown below. Define each custom shape class outside your widget class so the slider can reference it.
+N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderTheme-class.html) in all the examples shown below. Define each custom shape class outside your widget class so the Flutter Slider can reference it.
## Track shape
diff --git a/Flutter/slider/thumb-and-overlay.md b/Flutter/slider/thumb-and-overlay.md
index bb353196b..e84d255a3 100644
--- a/Flutter/slider/thumb-and-overlay.md
+++ b/Flutter/slider/thumb-and-overlay.md
@@ -9,9 +9,9 @@ documentation: ug
# Thumb and Thumb Overlay in Flutter Slider (SfSlider)
-This section explains how to customize the thumb and thumb overlay in the slider.
+This section explains how to customize the thumb and thumb overlay in the Flutter Slider.
-* Thumb - It is one of the elements of slider which can be used to drag and change the selected value of the slider.
+* Thumb - It is one of the elements which can be used to drag and change the selected value of the Flutter Slider.
* Thumb overlay - It is rendered around the thumb while interacting with it.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderTheme-class.html) in all the examples shown below.
@@ -124,7 +124,7 @@ class _VerticalThumbSizePageState extends State {
## Thumb color
-You can change the color of the thumb in the slider using the [`thumbColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbColor.html) property.
+You can change the color of the thumb in the Flutter Slider using the [`thumbColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/thumbColor.html) property.
### Horizontal
@@ -458,7 +458,7 @@ class _VerticalThumbIconPageState extends State {
## Thumb overlay size
-You can change the size of the thumb overlay in the slider using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
+You can change the size of the thumb overlay in the Flutter Slider using the [`overlayRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayRadius.html) property.
### Horizontal
@@ -565,7 +565,7 @@ class _VerticalOverlaySizePageState extends State {
## Thumb overlay color
-You can change the color of the thumb overlay in the slider using the [`overlayColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayColor.html) property.
+You can change the color of the thumb overlay in the Flutter Slider using the [`overlayColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/overlayColor.html) property.
### Horizontal
diff --git a/Flutter/slider/ticks.md b/Flutter/slider/ticks.md
index 4a1aa617d..6191feec5 100644
--- a/Flutter/slider/ticks.md
+++ b/Flutter/slider/ticks.md
@@ -9,7 +9,7 @@ documentation: ug
# Ticks in Flutter Slider (SfSlider)
-This section explains how to add major and minor ticks in the slider.
+This section explains how to add major and minor ticks in the Flutter Slider.
N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/packages/syncfusion_flutter_core) package to use [`SfSliderTheme`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderTheme-class.html) for customizing tick colors, sizes, and offsets shown in the examples below.
@@ -17,7 +17,7 @@ N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/pa
You can enable the major ticks on the track. It is a shape which is used to represent the points at each major interval on the track. The default value of [`showTicks`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/showTicks.html) property is `false`.
-For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the slider will render the major ticks at 0.0, 2.0, 4.0 and so on.
+For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the Flutter Slider will render the major ticks at 0.0, 2.0, 4.0 and so on.
### Horizontal
@@ -113,7 +113,7 @@ N> Refer the [`tickShape`](https://pub.dev/documentation/syncfusion_flutter_slid
## Show minor ticks
-It is used to represent the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the slider will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
+It is used to represent the number of smaller ticks between two major ticks. For example, if [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) is 0.0 and [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) is 10.0 and [`interval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/interval.html) is 2.0, the Flutter Slider will render the major ticks at 0.0, 2.0, 4.0 and so on. If [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/minorTicksPerInterval.html) is 1, then smaller ticks will be rendered on 1.0 and 3.0 and so on.
I> The default value of [`minorTicksPerInterval`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/minorTicksPerInterval.html) property is null and it must be greater than 0. When null, no minor ticks are rendered.
@@ -215,11 +215,11 @@ N>
## Major ticks color
-You can change the active and inactive major ticks color of the slider using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
+You can change the active and inactive major ticks color of the Flutter Slider using the [`activeTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTickColor.html) and [`inactiveTickColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTickColor.html) properties respectively.
-The active side of the slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) and the thumb.
+The active side of the Flutter Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) and the thumb.
-The inactive side of the slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
+The inactive side of the Flutter Slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
### Horizontal
@@ -325,11 +325,11 @@ class _VerticalMajorTicksColorPageState extends State {
## Ticks offset
-You can adjust the space between track and ticks of the slider using the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property in the [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html). The default value of the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property is `null`.
+You can adjust the space between track and ticks of the Flutter Slider using the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property in the [`SfSliderThemeData`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData-class.html). The default value of the [`tickOffset`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tickOffset.html) property is `null`.
### Horizontal
diff --git a/Flutter/slider/tooltip.md b/Flutter/slider/tooltip.md
index d8f2a825f..1d628156c 100644
--- a/Flutter/slider/tooltip.md
+++ b/Flutter/slider/tooltip.md
@@ -9,7 +9,7 @@ documentation: ug
# Flutter Slider Tooltip (SfSlider)
-This section explains how to add a tooltip in the slider.
+This section explains how to add a tooltip in the Flutter Slider.
## Enable tooltip
@@ -332,7 +332,7 @@ class _VerticalTooltipTextFormatPageState extends State {
## Tooltip label style
-You can change the appearance of the tooltip text in the slider using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
+You can change the appearance of the tooltip text in the Flutter Slider using the [`tooltipTextStyle`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/tooltipTextStyle.html) property.
### Horizontal
diff --git a/Flutter/slider/track.md b/Flutter/slider/track.md
index 152c6e6f0..230c3c9da 100644
--- a/Flutter/slider/track.md
+++ b/Flutter/slider/track.md
@@ -15,11 +15,11 @@ N> You must import the `theme.dart` library from the [`Core`](https://pub.dev/pa
## Track color
-You can change the active and inactive track color of the slider using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
+You can change the active and inactive track color of the Flutter Slider using the [`activeTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackColor.html) and [`inactiveTrackColor`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackColor.html) properties respectively.
-The active side of the slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
+The active side of the Flutter Slider is between the [`min`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/min.html) value and the thumb.
-The inactive side of the slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
+The inactive side of the Flutter Slider is between the thumb and the [`max`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/max.html) value.
### Horizontal
@@ -121,7 +121,7 @@ class _VerticalTrackColorPageState extends State {
## Track height
-You can change the track height of the slider using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default value of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
+You can change the track height of the Flutter Slider using the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties. The default value of the [`activeTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/activeTrackHeight.html) and the [`inactiveTrackHeight`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/inactiveTrackHeight.html) properties are `6.0` and `4.0`.
### Horizontal
@@ -223,7 +223,7 @@ class _VerticalTrackHeightPageState extends State {
## Track corner radius
-You can change the corner of the track to be round in the slider using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
+You can change the corner of the track to be round in the Slider using the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property. The default value of the [`trackCornerRadius`](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfSliderThemeData/trackCornerRadius.html) property is `1.0`.
### Horizontal
diff --git a/Flutter/treemap/drilldown.md b/Flutter/treemap/drilldown.md
index f9619df50..8835f5567 100644
--- a/Flutter/treemap/drilldown.md
+++ b/Flutter/treemap/drilldown.md
@@ -219,7 +219,7 @@ class CarSale {
The breadcrumb is used to display information about the drilled item and provides an option to navigate back to the previous level. You can customize the breadcrumb items using the following properties:
-* **Position** - Positions the breadcrumbs either at the top or bottom of the treemap. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapBreadcrumbs/position.html) is [`TreemapBreadcrumbPosition.top`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapBreadcrumbPosition.html#top).
+* **Position** - Positions the breadcrumbs either at the top or bottom of the Flutter Treemap. The default value of the [`position`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapBreadcrumbs/position.html) is [`TreemapBreadcrumbPosition.top`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapBreadcrumbPosition.html#top).
* **Divider** - Used to add a separator between two breadcrumbs.
{% tabs %}
diff --git a/Flutter/treemap/getting-started.md b/Flutter/treemap/getting-started.md
index ad343587b..b514faeeb 100644
--- a/Flutter/treemap/getting-started.md
+++ b/Flutter/treemap/getting-started.md
@@ -9,14 +9,14 @@ documentation: ug
# Getting Started with Flutter Treemap (SfTreemap)
-This section explains the steps required to add the treemap widget and enable its features such as labels, tooltip, assigning colors based on region, and legends. This section covers only the basic features needed to get started with Syncfusion® treemap.
+This section explains the steps required to add the Flutter Treemap widget and enable its features such as labels, tooltip, assigning colors based on region, and legends. This section covers only the basic features needed to get started with Syncfusion® Flutter Treemap.
To get started quickly with our Flutter Treemap widget, you can refer to this video.
-## Add Flutter treemap to an application
+## Add Flutter Treemap to an application
Create a simple project using the instructions given in the [Getting Started with your first Flutter app](https://docs.flutter.dev/get-started/test-drive#choose-your-ide) documentation.
@@ -60,9 +60,9 @@ import 'package:syncfusion_flutter_treemap/treemap.dart';
## Initialize treemap and populate data source
-After importing the package, initialize the treemap widget as a child of any widget.
+After importing the package, initialize the Flutter Treemap widget as a child of any widget.
-To populate the data source, set its count to the [`dataCount`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/dataCount.html) property of the treemap. The data will be grouped based on the values returned from the [`TreemapLevel.groupMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/groupMapper.html) callback. You can have more than one TreemapLevel in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection to form a hierarchical treemap. The quantitative value of the underlying data has to be returned from the [`weightValueMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/weightValueMapper.html) callback. Based on this value, every tile (rectangle) will have its size.
+To populate the data source, set its count to the [`dataCount`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/dataCount.html) property of the Flutter Treemap. The data will be grouped based on the values returned from the [`TreemapLevel.groupMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/groupMapper.html) callback. You can have more than one TreemapLevel in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection to form a hierarchical treemap. The quantitative value of the underlying data has to be returned from the [`weightValueMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/weightValueMapper.html) callback. Based on this value, every tile (rectangle) will have its size.
{% tabs %}
{% highlight dart %}
@@ -275,7 +275,7 @@ class SocialMediaUsers {
## Add tooltip
-You can enable tooltip for any tile in the treemap and return a fully customized widget using the [`tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/tooltipBuilder.html) property. The following example extends the initial sample by adding a tooltip builder.
+You can enable tooltip for any tile in the Flutter Treemap and return a fully customized widget using the [`tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/tooltipBuilder.html) property. The following example extends the initial sample by adding a tooltip builder.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/treemap/legend.md b/Flutter/treemap/legend.md
index 1fa0649c6..42ab0cf0f 100644
--- a/Flutter/treemap/legend.md
+++ b/Flutter/treemap/legend.md
@@ -409,7 +409,7 @@ class SocialMediaUsers {
## Title
-You can set a title specifically for the legend in the treemap by using the [`title`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/title.html) property. This property lets you display a descriptive heading for the legend, helping users understand what the legend represents within the treemap.
+You can set a title specifically for the legend in the Flutter Treemap by using the [`title`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/title.html) property. This property lets you display a descriptive heading for the legend, helping users understand what the legend represents within the Flutter Treemap.
By default, the value of the legend's [`title`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/title.html) property is `null`, indicating that no title is displayed for the legend, unless it is specified explicitly.
@@ -566,7 +566,7 @@ N>
You can place the legend in a custom position using the [`TreemapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/offset.html) property. The default value of the [`offset`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/offset.html) property is `null`.
-If the property [`TreemapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/offset.html) has been set with the property [`TreemapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/position.html) as top, then the legend will be placed at the top but with an absolute position, meaning it will not take a dedicated position and will be drawn at the top of the map.
+If the property [`TreemapLegend.offset`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/offset.html) has been set with the property [`TreemapLegend.position`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLegend/position.html) as top, then the legend will be placed at the top but with an absolute position, meaning it will not take a dedicated position and will be drawn at the top of the Flutter Treemap.
{% tabs %}
{% highlight dart %}
diff --git a/Flutter/treemap/levels.md b/Flutter/treemap/levels.md
index bb8eafd52..e56f9d6d8 100644
--- a/Flutter/treemap/levels.md
+++ b/Flutter/treemap/levels.md
@@ -9,7 +9,7 @@ documentation: ug
# Flat and Hierarchical Levels in Flutter Treemap (SfTreemap)
-The levels of the treemap can be categorized into the following two types:
+The levels of the Flutter Treemap can be categorized into the following two types:
* Flat level.
* Hierarchical level.
@@ -90,13 +90,13 @@ class PopulationModel {
N>
* Refer the [`TreemapLevel.colorValueMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/colorValueMapper.html), for customizing the tile color.
-* Refer the [`TreemapLevel.tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/tooltipBuilder.html), for adding and customizing the tooltip on the treemap.
+* Refer the [`TreemapLevel.tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/tooltipBuilder.html), for adding and customizing the tooltip on the Flutter Treemap.
* Refer the [`TreemapLevel.labelBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/labelBuilder.html), for adding and customizing the label on the tile.
* Refer the [`TreemapLevel.itemBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/itemBuilder.html), for adding and customizing the custom widget on the treemap.
## Hierarchical level
-Hierarchical levels arrange the tiles in the form of nested rectangles. Each tile of the treemap is a rectangle which is filled with smaller rectangles representing sub-data. You can have more than one [`TreemapLevel`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel-class.html) in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection to form a hierarchical treemap.
+Hierarchical levels arrange the tiles in the form of nested rectangles. Each tile of the Flutter Treemap is a rectangle which is filled with smaller rectangles representing sub-data. You can have more than one [`TreemapLevel`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel-class.html) in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection to form a hierarchical treemap.
The first level will work similarly to the flat level. From the next level in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection, the items returned from the [`TreemapLevel.groupMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/groupMapper.html) for the indices, will be placed inside the rectangle for the same indices returned from the [`TreemapLevel.groupMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/groupMapper.html) in the previous level. This will go on until the last level in the [`levels`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/levels.html) collection.
@@ -403,4 +403,4 @@ N>
* Refer the [`TreemapLevel.colorValueMapper`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/colorValueMapper.html), for customizing the tile color.
* Refer the [`TreemapLevel.tooltipBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/tooltipBuilder.html), for adding and customizing the tooltip on the treemap.
* Refer the [`TreemapLevel.labelBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/labelBuilder.html), for adding and customizing the label on the tile.
-* Refer the [`TreemapLevel.itemBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/itemBuilder.html), for adding and customizing the custom widget on the treemap.
\ No newline at end of file
+* Refer the [`TreemapLevel.itemBuilder`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapLevel/itemBuilder.html), for adding and customizing the custom widget on the Flutter Treemap.
\ No newline at end of file
diff --git a/Flutter/treemap/overview.md b/Flutter/treemap/overview.md
index 10c3a3c64..108fbc7bf 100644
--- a/Flutter/treemap/overview.md
+++ b/Flutter/treemap/overview.md
@@ -17,17 +17,17 @@ Syncfusion® Flutter Treemap is a powerful and customizable widget
* **Layouts** - Utilize various layouts based on algorithms such as squarified, slice, and dice to represent both flat and hierarchically-structured data.
-* **Hierarchical support** - Besides flat structures, the treemap supports hierarchical data. Each tile is a rectangle filled with smaller rectangles representing sub-data.
+* **Hierarchical support** - Besides flat structures, the Flutter Treemap supports hierarchical data. Each tile is a rectangle filled with smaller rectangles representing sub-data.
* **Labels** - Add widgets, like text widgets, to enhance the readability of individual tiles by providing brief descriptions on labels.
* **Selection** - Select tiles to highlight them and perform specific functionalities like displaying a pop-up or navigating to a different page.
-* **Legend** - Use different legend styles to provide information on the treemap data clearly.
+* **Legend** - Use different legend styles to provide information on the Flutter Treemap data clearly.
* **Colors** - Customize tile colors on the treemap based on levels. Tile color can be set for specific values or ranges of values.
-* **Tooltip** - Use customizable tooltips to display additional information about the tiles on the treemap.
+* **Tooltip** - Use customizable tooltips to display additional information about the tiles on the Flutter Treemap.
* **Custom background widgets** - Add custom widgets, such as image widgets, as backgrounds of the tiles to enrich the UI and easily visualize the data type that a particular tile represents.
diff --git a/Flutter/treemap/right-to-left.md b/Flutter/treemap/right-to-left.md
index 92268b59f..42f570f10 100644
--- a/Flutter/treemap/right-to-left.md
+++ b/Flutter/treemap/right-to-left.md
@@ -15,7 +15,7 @@ Right-to-left rendering can be achieved in the following ways:
### Wrapping the SfTreemap with the Directionality widget
-The treemap can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget, and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to [`rtl`](https://api.flutter.dev/flutter/dart-ui/TextDirection.html#rtl).
+The Flutter Treemap can be wrapped inside the [`Directionality`](https://api.flutter.dev/flutter/widgets/Directionality-class.html) widget, and you can set the [`textDirection`](https://api.flutter.dev/flutter/widgets/Directionality/textDirection.html) property to [`rtl`](https://api.flutter.dev/flutter/dart-ui/TextDirection.html#rtl).
{% tabs %}
{% highlight dart %}
@@ -99,7 +99,7 @@ class PopulationModel {
### Changing the locale to RTL languages
-The treemap elements will render in the right-to-left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, or Urdu. You can achieve this by specifying the MaterialApp properties such as [`localizationsDelegates`](https://api.flutter.dev/flutter/material/MaterialApp/localizationsDelegates.html), [`supportedLocales`](https://api.flutter.dev/flutter/material/MaterialApp/supportedLocales.html), [`locale`](https://api.flutter.dev/flutter/material/MaterialApp/locale.html), and adding the flutter_localizations package to your pubspec.yaml file.
+The elements of the Flutter Treemap will render in the right-to-left direction if the locale belongs to RTL languages such as Arabic, Persian, Hebrew, Pashto, or Urdu. You can achieve this by specifying the MaterialApp properties such as [`localizationsDelegates`](https://api.flutter.dev/flutter/material/MaterialApp/localizationsDelegates.html), [`supportedLocales`](https://api.flutter.dev/flutter/material/MaterialApp/supportedLocales.html), [`locale`](https://api.flutter.dev/flutter/material/MaterialApp/locale.html), and adding the flutter_localizations package to your pubspec.yaml file.
{% tabs %}
{% highlight yaml %}
diff --git a/Flutter/treemap/selection.md b/Flutter/treemap/selection.md
index 294de8634..c673dd331 100644
--- a/Flutter/treemap/selection.md
+++ b/Flutter/treemap/selection.md
@@ -9,11 +9,11 @@ documentation: ug
# Tile Selection in Flutter Treemap (SfTreemap)
-You can select a tile to highlight that area on the treemap. You can use the callback to perform any action during tile selection.
+You can select a tile to highlight that area on the Flutter Treemap. You can use the callback to perform any action during tile selection.
## Enable tile selection
-You can enable tile selection on a treemap using the [`SfTreemap.onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/onSelectionChanged.html) property. The descendant tiles of the selected tile are also selected along with the selected tile when doing selection for hierarchical level.
+You can enable tile selection on a Flutter Treemap using the [`SfTreemap.onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/onSelectionChanged.html) property. The descendant tiles of the selected tile are also selected along with the selected tile when doing selection for hierarchical level.
The [`onSelectionChanged`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap/onSelectionChanged.html) callback will be called with the details of the selected tile when the user is selecting a tile by tapping and you will be able to do any specific functionalities like showing pop-up or navigate to a different page.