Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/builders.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Builders in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Builders feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Builders in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to use builders in Syncfusion Flutter Date Range Picker (SfDateRangePicker)—custom cell builders, view customization, and sample usage.
platform: flutter
control: SfDateRangePicker
documentation: ug
---
# Builders in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Builders Guide (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.

Expand Down
7 changes: 3 additions & 4 deletions Flutter/DateRangePicker/customizations.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,12 @@
---
layout: post
title: Customizations in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Customizations features of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Customizations in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to customize Syncfusion Flutter Date Range Picker—month/year cells, selection styling, month formats, and special date decorations.
control: SfDateRangePicker
documentation: ug
---

# Customizations in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Customizations Guide (SfDateRangePicker)

You can customize the month and year cells, month format, and selection cells in [Flutter Date Range Picker](https://www.syncfusion.com/flutter-widgets/flutter-daterangepicker) (SfDateRangePicker).

Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/date-restrictions.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Date Restrictions in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Date restrictions feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
title: Date Restrictions in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure date restrictions in Syncfusion Flutter Date Range Picker—min/max dates, blackout dates, selectableDayPredicate, and past-date.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Date Restrictions in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Date Restrictions Guide (SfDateRangePicker)

## Minimum display date

Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Flutter Date Range Picker widget | Syncfusion
description: Learn here about getting started with Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget, its elements, and more.
title: Getting Started with Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Date Range Picker (SfDateRangePicker)—add dependency, import, initialize, and configure core features.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Getting started with Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Getting Started Guide (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<sup>&reg;</sup> date range picker widget.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/headers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Headers in Flutter Date Range Picker widget | Syncfusion | Date Picker
description: Learn here all about Headers feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Headers in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to customize the header and view header in Syncfusion Flutter Date Range Picker—headerStyle, headerHeight, viewHeaderStyle, and dayFormat.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Headers in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Headers Guide (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.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/hijri-date-picker.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: About Flutter Hijri Date Range Picker widget | Syncfusion | DatePicker
description: Learn here all about introduction of Syncfusion Hijri Date Range Picker (SfHijriDateRangePicker) widget and more.
title: Flutter Hijri Date Range Picker Overview | Syncfusion
description: Overview and usage guide for Syncfusion Hijri Date Range Picker (SfHijriDateRangePicker)—features, views, selection modes, and programmatic controls.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Flutter Hijri Date Range Picker (SfHijriDateRangePicker) Overview
# Flutter Hijri Date Range Picker Brief Guide (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).

Expand Down Expand Up @@ -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 %}
Expand Down
6 changes: 3 additions & 3 deletions Flutter/DateRangePicker/localization.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Localization in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Localization feature of Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
title: Localization in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure localization in Syncfusion Flutter Date Range Picker—add flutter_localizations, set localizationsDelegates, and define locales.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Localization in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Localization Guide (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.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/DateRangePicker/selections.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Selections in Flutter Date Range Picker widget | Syncfusion
description: Learn here all about Selections feature in Syncfusion Flutter Date Range Picker (SfDateRangePicker) widget and more.
platform: Flutter
title: Selections in Flutter Date Range Picker | Syncfusion
description: Step-by-step guide to configure selection behavior in Syncfusion Flutter Date Range Picker—single, multiple, range, multi-range, selections, and styling.
platform: flutter
control: SfDateRangePicker
documentation: ug
---

# Selections in Flutter Date Range Picker (SfDateRangePicker)
# Flutter Date Range Picker Selections Guide (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

Expand Down
6 changes: 3 additions & 3 deletions Flutter/linear-gauge/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Flutter Linear Gauge widget | Syncfusion
description: Learn here about getting started with Syncfusion Flutter Linear Gauge (SfLinearGauge) widget, its elements, and more.
title: Getting Started with Flutter Linear Gauge | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Linear Gauge (SfLinearGauge)—add dependencies, import, create `SfLinearGauge`, and configure key features.
platform: flutter
control: SfLinearGauge
documentation: ug
---

# Getting started with Flutter Linear Gauge (SfLinearGauge)
# Flutter Linear Gauge Getting Started Guide (SfLinearGauge)

This section explains the steps required to add the Linear Gauge and its elements such as axis, range, and pointer, and also covers basic features needed to get started with the Linear Gauge widget.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/maps/markers.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Markers in Flutter Maps widget | Syncfusion
description: Learn here all about the Markers feature of Syncfusion Flutter Maps (SfMaps) widget to customize its appearance including text, icon and more.
platform: Flutter
title: Markers in Flutter Maps | Syncfusion
description: Step-by-step guide to add and customize markers in Syncfusion Flutter Maps (SfMaps)—use built-in icons or custom widgets, position and manage markers.
platform: flutter
control: SfMaps
documentation: ug
---

# Markers in Flutter Maps (SfMaps)
# Flutter Maps Markers Guide (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.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/maps/tile-layer.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Tile Layer in Flutter Maps widget | Syncfusion
description: Learn here all about adding the Tile Layer feature of Syncfusion Flutter Maps (SfMaps) widget and more.
platform: Flutter
title: Tile Layer in Flutter Maps | Syncfusion
description: Step-by-step guide to configure the Tile Layer in Syncfusion Flutter Maps—set URL templates, add providers (OSM, Bing, TomTom), and focal point and zoom.
platform: flutter
control: SfMaps
documentation: ug
---

# Tile Layer in Flutter Maps (SfMaps)
# Flutter Maps Tile Layer Guide (SfMaps)

The tile layer renders the tiles returned from web map tile services such as Bing Maps, OpenStreetMap, Google Maps, TomTom, and others.

Expand Down
10 changes: 5 additions & 5 deletions Flutter/maps/zoom-pan.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Zooming and Panning in Flutter Maps widget | Syncfusion
description: Learn here all about the Zooming and Panning feature of Syncfusion Flutter Maps (SfMaps) widget and more.
platform: Flutter
title: Zooming and Panning in Flutter Maps | Syncfusion
description: Step-by-step guide to configure zooming and panning in Syncfusion Flutter Maps (SfMaps)—enable zoom/pan, set focal point, toolbar, and callbacks.
platform: flutter
control: SfMaps
documentation: ug
---

# Zooming and Panning in Flutter Maps (SfMaps)
# Flutter Maps Zooming and Panning Guide (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 trackpad, 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 map 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.

Expand Down
10 changes: 5 additions & 5 deletions Flutter/radial-gauge/axes.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Axis in Flutter Radial Gauge widget | Syncfusion
description: Learn here all about adding and customizing Axis of Syncfusion Flutter Radial Gauge (SfRadialGauge) widget and more.
platform: Flutter
title: Axis in Flutter Radial Gauge | Syncfusion
description: Step-by-step guide to add and customize axes in Syncfusion Flutter Radial Gauge—configure range, angles, radius, labels, ticks, and axis events.
platform: flutter
control: SfRadialGauge
documentation: ug
---

# Axis in Flutter Radial Gauge (SfRadialGauge)
# Flutter Radial Gauge Axis Guide (SfRadialGauge)

The [`radial axis`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis-class.html) is a circular arc in which a set of values are displayed along a linear or custom scale based on the design requirements. Axis elements such as labels, ticks, and axis line can be easily customized with built-in properties.

Expand Down Expand Up @@ -594,7 +594,7 @@ The following property of the axis allows to customize the axis label text:

![axis label format](images/axis/axis_labelFormat.jpg)

* [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/numberFormat.html)- Allows to customize the axis label with the [`globalized label format`](https://api.flutter.dev/flutter/intl/NumberFormat-class.html).
* [`numberFormat`](https://pub.dev/documentation/syncfusion_flutter_gauges/latest/gauges/RadialAxis/numberFormat.html)- Allows to customize the axis label with the [`globalized label format`](https://pub.dev/documentation/intl/latest/intl/NumberFormat-class.html).

{% highlight dart %}

Expand Down
8 changes: 4 additions & 4 deletions Flutter/radial-gauge/ranges.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Ranges in Flutter Radial Gauge widget | Syncfusion
description: Learn here all about adding and customizing Ranges of Syncfusion Flutter Radial Gauge (SfRadialGauge) widget and more.
platform: Flutter
title: Ranges in Flutter Radial Gauge | Syncfusion
description: Step-by-step guide to add and customize ranges in Syncfusion Flutter Radial Gauge—configure start/end values, colors, gradients, offsets, and labels.
platform: flutter
control: SfRadialGauge
documentation: ug
---

# Ranges in Flutter Radial Gauge (SfRadialGauge)
# Flutter Radial Gauge Ranges Guide (SfRadialGauge)

Gauge ranges are visual elements that help to quickly visualize where a value falls on the axis. Text can be easily annotated in ranges to improve readability.

Expand Down
8 changes: 4 additions & 4 deletions Flutter/range-slider/tooltip.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Tooltip in Flutter Range Slider widget | Syncfusion
description: Learn here all about adding the Tooltips feature in Syncfusion Flutter Range Slider (SfRangeSlider) widget and more.
platform: Flutter
title: Tooltip in Flutter Range Slider | Syncfusion
description: Step-by-step guide to configure tooltips in Syncfusion Flutter Range Slider—enable tooltips, format text, customize appearance, and control behavior.
platform: flutter
control: SfRangeSlider
documentation: ug
---

# Tooltip in Flutter Range Slider (SfRangeSlider)
# Flutter Range Slider Tooltip Guide (SfRangeSlider)

This section helps to learn about how to add tooltip in the range slider.

Expand Down
6 changes: 3 additions & 3 deletions Flutter/signaturepad/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Flutter Signature Pad widget | Syncfusion
description: Learn here about getting started with Syncfusion Flutter Signature Pad (SfSignaturePad) widget, its elements, and more.
title: Getting Started with Flutter Signature Pad | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Signature Pad—add dependencies, import, create SfSignaturePad, and configure key features.
platform: flutter
control: SfSignaturePad
documentation: ug
---

# Getting Started with Flutter SignaturePad (SfSignaturePad)
# Flutter Signature Pad Getting Started Guide (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) and [`onDrawEnd`](https://pub.dev/documentation/syncfusion_flutter_signaturepad/latest/signaturepad/SfSignaturePad/onDrawEnd.html) callbacks in the SignaturePad widget.

Expand Down
10 changes: 5 additions & 5 deletions Flutter/slider/basic-features.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
layout: post
title: Basic features in Flutter Slider widget | Syncfusion
description: Learn here all about adding the Basic feature of Syncfusion Flutter Slider (SfSlider) widget and more.
platform: Flutter
title: Basic features in Flutter Slider | Syncfusion
description: Step-by-step guide to the core features of Syncfusion Flutter Slider—min/max, value, callbacks, colors, and configuration for numeric and date sliders.
platform: flutter
control: SfSlider
documentation: ug
---

# Basic features in Flutter Slider (SfSlider)
This section explains about how to add the numeric and date slider.
# Flutter Slider Basic Features Guide (SfSlider)
This section explains how to add and configure numeric and date sliders, core properties, and callbacks.

## Minimum

Expand Down
6 changes: 3 additions & 3 deletions Flutter/slider/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting started with Flutter Slider widget | Syncfusion
description: Learn here about getting started with Syncfusion Flutter Slider (SfSlider) widget, its elements, and more.
title: Getting Started with Flutter Slider | Syncfusion
description: Step-by-step guide to set up Syncfusion Flutter Slider—add dependencies, import, create SfSlider, and configure key features.
platform: flutter
control: SfSlider
documentation: ug
---

# Getting started with Flutter Slider (Slider)
# Flutter Slider Getting Started Guide (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<sup>&reg;</sup> slider.

To get start quickly with our Flutter Slider widget, you can check on this video.
Expand Down
Loading