Skip to content
Merged
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
5 changes: 5 additions & 0 deletions Flutter/cartesian-charts/on-demand-loading.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,11 @@ documentation: ug

[`SfCartesianChart`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart-class.html) provides support to return a widget which can be used to load more data to the chart when the visible range reaches the end on dragging in the chart with the help of the [`loadMoreIndicatorBuilder`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/loadMoreIndicatorBuilder.html) builder.

To learn more about how to lazy load data while panning in Flutter Charts, you can watch this video.

<style>#flutterChartsVideoTutorial{width : 90% !important; height: 300px !important }</style>
<iframe id='flutterChartsVideoTutorial' src='https://www.youtube.com/embed/GBKB1U-iwqI'></iframe>

## Infinite scrolling

The [`loadMoreIndicatorBuilder`](https://pub.dev/documentation/syncfusion_flutter_charts/latest/charts/SfCartesianChart/loadMoreIndicatorBuilder.html) builds the widget at the top of the chart area (ex., loading indicator or load more button) when horizontal scrolling reaches the start or end of the chart and if the chart is transposed then, this will be called when the vertical scrolling reaches the top or bottom of the chart. this can be used to achieve the functionalities like infinite scrolling in the chart.
Expand Down
6 changes: 3 additions & 3 deletions Flutter/datagrid/export-to-pdf.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Export Flutter DataGrid to PDF | Flutter DataTable | Syncfusion
description: Learn here all about how to export the Syncfusion Flutter DataGrid (SfDataGrid) into PDF Document and more.
title: Export Flutter DataGrid to PDF | Flutter DataTable | Syncfusion®
description: Learn here all about how to export the Syncfusion® Flutter DataGrid (SfDataGrid) into PDF Document and more.
platform: flutter
control: SfDataGrid
documentation: ug
Expand All @@ -23,7 +23,7 @@ syncfusion_flutter_datagrid_export: ^xx.x.xx

{% endhighlight %}

>**NOTE** Here, **xx.x.xx** denotes the current version of `Syncfusion Flutter DataGrid Export` package.
>**NOTE** Here, **xx.x.xx** denotes the current version of `Syncfusion® Flutter DataGrid Export` package.

**Import package**

Expand Down
10 changes: 5 additions & 5 deletions Flutter/datagrid/getting-started.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Getting started with Flutter DataGrid | DataTable | Syncfusion
description: Learn here about getting started with Syncfusion Flutter DataGrid (SfDataGrid) widget, its basic features, and more.
title: Getting started with Flutter DataGrid | DataTable | Syncfusion®
description: Learn here about getting started with Syncfusion® Flutter DataGrid (SfDataGrid) widget, its basic features, and more.
platform: flutter
control: SfDataGrid
documentation: ug
---

# Getting started with Flutter DataGrid (SfDataGrid)

This section explains the steps required to add the DataGrid widget and its features. This section covers only the basic features needed to get started with the Syncfusion Flutter DataGrid widget.
This section explains the steps required to add the DataGrid widget and its features. This section covers only the basic features needed to get started with the Syncfusion® Flutter DataGrid widget.

To get started quickly with Flutter DataGrid, check out this video:
<style>#FlutterDataGridVideoTutorial{width : 90% !important; height: 400px !important }</style>
Expand All @@ -21,7 +21,7 @@ Create a simple project using the instruction given in the [Getting Started wit

**Add dependency**

Add the Syncfusion Flutter DataGrid dependency to your `pubspec.yaml` file.
Add the Syncfusion® Flutter DataGrid dependency to your `pubspec.yaml` file.

{% highlight dart %}

Expand All @@ -31,7 +31,7 @@ Add the Syncfusion Flutter DataGrid dependency to your `pubspec.yaml` file.

{% endhighlight %}

N> Here **xx.x.xx** denotes the current version of the [`Syncfusion Flutter DataGrid`](https://pub.dev/packages/syncfusion_flutter_datagrid/versions) package.
N> Here **xx.x.xx** denotes the current version of the [`Syncfusion® Flutter DataGrid`](https://pub.dev/packages/syncfusion_flutter_datagrid/versions) package.

**Get packages**

Expand Down
8 changes: 4 additions & 4 deletions Flutter/datagrid/overview.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: About Flutter DataGrid widget | DataTable | Syncfusion
description: Learn about the introduction of the Syncfusion Flutter DataGrid (SfDataGrid) widget, its features, and more.
title: About Flutter DataGrid widget | DataTable | Syncfusion®
description: Learn about the introduction of the Syncfusion® Flutter DataGrid (SfDataGrid) widget, its features, and more.
platform: flutter
control: SfDataGrid
documentation: ug
---

# Flutter DataGrid (SfDataGrid) Overview

The Syncfusion Flutter DataGrid is used to display and manipulate data in a tabular view. It is built from the ground up to achieve the best possible performance even when loading large amounts of data.
The Syncfusion® Flutter DataGrid is used to display and manipulate data in a tabular view. It is built from the ground up to achieve the best possible performance even when loading large amounts of data.

![Overview Flutter Datagrid](images/overview/flutter-datagrid-overview.png)

Expand All @@ -22,7 +22,7 @@ The Syncfusion Flutter DataGrid is used to display and manipulate data in a tabu
* **Editing** - Allows users to edit cell values. An editor widget can be loaded based on the column type to edit cell values.
* **Sorting** - Sort one or more columns in ascending or descending order.
* **Selection** - Select one or more rows. Keyboard navigation is supported for web platforms.
* **Filtering** - Interactive support to filter data as like Excel. Filter data by text, numbers, and date-time values. Also, supports programmatical filtering.
* **Filtering** - Interactive support to filter data as like Excel. Filter data by text, numbers, and date-time values. Also, supports programmatic filtering.
* **Column Drag and Drop** - Supports reordering columns by dragging and dropping them at the required position.
* **Column resizing** - Resize columns by dragging the right edge of the column header.
* **Exporting** - Support to export the data to Excel and PDF.
Expand Down
7 changes: 6 additions & 1 deletion Flutter/maps/shape.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: post
title: Shape colors in Flutter Maps widget | Syncfusion
description: Learn here all about different shape appearance customization options of the Syncfusion Flutter Maps (SfMaps) widget.
platform: Flutter
platform: flutter
control: SfMaps
documentation: ug
---
Expand Down Expand Up @@ -197,6 +197,11 @@ Widget build(BuildContext context) {
{% endhighlight %}
{% endtabs %}

To learn more about how to customize the colors in Flutter Maps, you can watch this video.

<style>#flutterMapsVideoTutorial{width : 90% !important; height: 300px !important }</style>
<iframe id='flutterMapsVideoTutorial' src='https://www.youtube.com/embed/cHEbMFm3TMU'></iframe>

## Applying colors based on the data

If you return a color from the [`shapeColorValueMapper`](https://pub.dev/documentation/syncfusion_flutter_maps/latest/maps/MapShapeSource/shapeColorValueMapper.html), then the color will be applied to the respective shape straightaway.
Expand Down
2 changes: 1 addition & 1 deletion Flutter/treemap/drilldown.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ The drilldown feature provides better visualization of larger set of hierarchica
To learn more about how to deep dive into the drill down feature in Flutter Treemap, you can watch this video.

<style>#flutterTreemapVideoTutorial{width : 90% !important; height: 300px !important }</style>
<iframe id='flutterTreemapVideoTutorial' src='https://www.youtube.com/embed/1xXeIedJ3bQ'></iframe>
<iframe id='flutterTreemapVideoTutorial' src='https://www.youtube.com/embed/tLAPEDlhfS4'></iframe>

## Enable drilldown

Expand Down