Skip to content

Commit a76255d

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #458 from Syncfusion-Content/development
DOCINFRA-2341_merged_using_automation
2 parents 129a58c + 0513dc6 commit a76255d

File tree

10 files changed

+436
-12
lines changed

10 files changed

+436
-12
lines changed

‎Flutter/Release-notes/v20.4.0.38.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Flutter 2022 Volume 4 main Release Release Notes
3+
description: Essential Studio for Flutter 2022 Volume 4 main Release Release Notes
4+
platform: flutter
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Flutter Release Notes
9+
10+
{% include release-info.html date="December 21, 2022" version="v20.4.0.38" %}
11+
12+
{% directory path: _includes/release-notes/v20.4.0.38 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎Flutter/datagrid/column-types.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -505,6 +505,57 @@ Widget build(BuildContext context) {
505505
{% endhighlight %}
506506
{% endtabs %}
507507

508+
### Change the shape of checkbox column
509+
510+
By default, the checkbox shows in the DataGrid as a square shape. You can change the checkbox shape by setting the required shape in the `SfDataGrid.checkboxShape` property.
511+
512+
{% tabs %}
513+
{% highlight Dart %}
514+
515+
@override
516+
Widget build(BuildContext context) {
517+
return Scaffold(
518+
appBar: AppBar(title: const Text('Syncfusion Flutter DataGrid')),
519+
body: SfDataGrid(
520+
source: employeeDataSource,
521+
showCheckboxColumn: true,
522+
checkboxShape: CircleBorder(),
523+
selectionMode: SelectionMode.multiple,
524+
columns: [
525+
GridColumn(
526+
columnName: 'ID',
527+
label: Container(
528+
padding: EdgeInsets.symmetric(horizontal: 8.0),
529+
alignment: Alignment.center,
530+
child: Text('ID'))),
531+
GridColumn(
532+
columnName: 'Name',
533+
label: Container(
534+
padding: EdgeInsets.symmetric(horizontal: 8.0),
535+
alignment: Alignment.center,
536+
child: Text('Name'))),
537+
GridColumn(
538+
columnName: 'Designation',
539+
label: Container(
540+
padding: EdgeInsets.symmetric(horizontal: 8.0),
541+
alignment: Alignment.center,
542+
child: Text('Designation'))),
543+
GridColumn(
544+
columnName: 'Salary',
545+
label: Container(
546+
padding: EdgeInsets.symmetric(horizontal: 8.0),
547+
alignment: Alignment.center,
548+
child: Text('Salary')))
549+
],
550+
),
551+
);
552+
}
553+
554+
{% endhighlight %}
555+
{% endtabs %}
556+
557+
![flutter datagrid checkbox shape](images/column-types/flutter-datagrid-checkbox-shape.png)
558+
508559
### Limitations
509560

510561
The following are the limitations of GridCheckboxColumn:

‎Flutter/datagrid/images/column-types/flutter-datagrid-checkbox-shape.png

59.2 KB
Loading

‎Flutter/datagrid/images/sorting/flutter-datagrid-sort-order-number-style.png

54.7 KB
Loading

‎Flutter/datagrid/sorting.md

Lines changed: 61 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -347,6 +347,66 @@ Widget build(BuildContext context) {
347347

348348
![flutter datagrid shows sort sequence numbers during multi-column sorting](images/sorting/flutter-datagrid-showsortnumbers.gif)
349349

350+
## Change sort number and backgroud color.
351+
352+
The color of the sort order number and its rounded background color can be customized by using `SfDataGridThemeData.sortOrderNumberColor` and `SfDataGridThemeData.sortOrderNumberBackgroundColor` respectively.
353+
354+
{% tabs %}
355+
{% highlight Dart %}
356+
357+
import 'package:syncfusion_flutter_core/theme.dart';
358+
import 'package:syncfusion_flutter_datagrid/datagrid.dart';
359+
360+
@override
361+
Widget build(BuildContext context) {
362+
return Scaffold(
363+
appBar: AppBar(title: const Text('Syncfusion Flutter DataGrid')),
364+
body: SfDataGridTheme(
365+
data: SfDataGridThemeData(
366+
sortOrderNumberBackgroundColor: Colors.tealAccent,
367+
sortOrderNumberColor: Colors.pink),
368+
child: SfDataGrid(
369+
source: employeeDataSource,
370+
columnWidthMode: ColumnWidthMode.auto,
371+
allowSorting: true,
372+
allowMultiColumnSorting: true,
373+
showSortNumbers: true,
374+
columns: <GridColumn>[
375+
GridColumn(
376+
columnName: 'id',
377+
label: Container(
378+
padding: const EdgeInsets.symmetric(horizontal: 8.0),
379+
alignment: Alignment.center,
380+
child: const Text(
381+
'ID'))),
382+
GridColumn(
383+
columnName: 'name',
384+
label: Container(
385+
padding: const EdgeInsets.symmetric(horizontal: 8.0),
386+
alignment: Alignment.center,
387+
child: const Text('Name'))),
388+
GridColumn(
389+
columnName: 'city',
390+
label: Container(
391+
padding: const EdgeInsets.symmetric(horizontal: 8.0),
392+
alignment: Alignment.center,
393+
child: const Text('City'))),
394+
GridColumn(
395+
columnName: 'freight',
396+
label: Container(
397+
padding: const EdgeInsets.symmetric(horizontal: 8.0),
398+
alignment: Alignment.center,
399+
child: const Text('Freight'))),
400+
]),
401+
),
402+
);
403+
}
404+
405+
{% endhighlight %}
406+
{% endtabs %}
407+
408+
![flutter datagrid sort order number and its background color change](images/sorting/flutter-datagrid-sort-order-number-style.png)
409+
350410
## Disable sorting for an individual column
351411

352412
The data grid disables sorting for an individual column by setting the [GridColumn.allowSorting](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/GridColumn/allowSorting.html) property to false. The default value of this property is true. So all the columns in the [SfDataGrid.columns](https://pub.dev/documentation/syncfusion_flutter_datagrid/latest/datagrid/SfDataGrid/columns.html) collection can be sorted when `SfDataGrid.allowSorting` is set to true.
@@ -409,7 +469,7 @@ Widget build(BuildContext context) {
409469

410470
## Change the color of sort icon
411471

412-
The color of sort icon can be customized by using [SfDataGridThemeData.sortIconColor]().
472+
The color of sort icon can be customized by using [SfDataGridThemeData.sortIconColor](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridThemeData/sortIconColor.html).
413473

414474
The following code describes how to change sort icon color by using [SfDataGridTheme](https://pub.dev/documentation/syncfusion_flutter_core/latest/theme/SfDataGridTheme-class.html).
415475

‎Flutter/introduction/overview.md

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -53,20 +53,14 @@ tr, td, th
5353
<table>
5454
<tr>
5555

56-
<td> <a href="https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples"><img alt="Flutter Google Play Store" src="https://cdn.syncfusion.com/content/images/FTControl/google-play-store.png"/></a></td>
57-
<td> <a href="https://apps.apple.com/us/app/syncfusion-flutter-ui-widgets/id1475231341"><img alt="Flutter iOS App Store" src="https://cdn.syncfusion.com/content/images/FTControl/ios-store.png"/></a></td>
56+
<td> <a href="https://play.google.com/store/apps/details?id=com.syncfusion.flutter.examples"><img alt="Flutter Google Play Store" src="https://cdn.syncfusion.com/content/images/FTControl/google-play-store.png"/></a></td>
5857
<td> <a href="https://flutter.syncfusion.com"><img alt="Flutter Web Sample Browser" src="https://cdn.syncfusion.com/content/images/FTControl/web-sample-browser.png"/></a> </td>
59-
58+
<td> <a href="https://www.microsoft.com/en-us/p/syncfusion-flutter-gallery/9nhnbwcsf85d?activetab=pivot:overviewtab"><img alt="Flutter Windows Store" src="https://cdn.syncfusion.com/content/images/FTControl/windows-store.png"/></a> </td>
6059
</tr>
61-
<tr>
62-
63-
<td> <a href="https://www.microsoft.com/en-us/p/syncfusion-flutter-gallery/9nhnbwcsf85d?activetab=pivot:overviewtab"><img alt="Flutter Windows Store" src="https://cdn.syncfusion.com/content/images/FTControl/windows-store.png"/></a> </td>
60+
61+
<tr>
6462
<td> <a href="https://install.appcenter.ms/orgs/syncfusion-demos/apps/syncfusion-flutter-gallery/distribution_groups/release"><img alt="Flutter macOS App Center" src="https://cdn.syncfusion.com/content/images/FTControl/macos-app-center.png"/></a></td>
6563
<td> <a href="https://snapcraft.io/syncfusion-flutter-gallery"><img alt="Flutter Snap Store" src="https://cdn.syncfusion.com/content/images/FTControl/snap-store.png"/></a></td>
66-
67-
</tr>
68-
<tr>
69-
7064
<td colspan="3"> <a href="https://github.com/syncfusion/flutter-examples"><img alt="Flutter GitHub Samples" src="https://cdn.syncfusion.com/content/images/FTControl/github-samples.png"/></a></td>
7165

7266
</tr>

‎Flutter/xlsio/add-line-with-markers-chart.md

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
---
2+
layout: post
3+
title: Excel Line with Markers Chart of Syncfusion Flutter XlsIO.
4+
description: Learn how to create, add and manipulate the line with markers chart in Excel worksheet using Syncfusion Flutter XlsIO.
5+
platform: flutter
6+
control: Excel
7+
documentation: ug
8+
---
9+
10+
# Adding Stacked line Chart to Excel worksheet
11+
12+
Line marker is a line that is drawn on chart plot and bound to some value on an axis. It may be used to show a trend or mark an important value.
13+
14+
The following code snippet illustrate how to add Line with Markers chart to Excel worksheet using Flutter XlsIO.
15+
16+
{% highlight dart %}
17+
// Create a new Excel document.
18+
final Workbook workbook = Workbook();
19+
20+
// Accessing worksheet via index.
21+
final Worksheet sheet = workbook.worksheets[0];
22+
23+
// Setting value in the cell.
24+
sheet.getRangeByName('A1').setText('City Name');
25+
sheet.getRangeByName('A2').setText('Chennai');
26+
sheet.getRangeByName('A3').setText('Mumbai');
27+
sheet.getRangeByName('A4').setText('Delhi');
28+
sheet.getRangeByName('A5').setText('Hyderabad');
29+
sheet.getRangeByName('A6').setText('Kolkata');
30+
sheet.getRangeByName('B1').setText('Temp in C');
31+
sheet.getRangeByName('B2').setNumber(34);
32+
sheet.getRangeByName('B3').setNumber(40);
33+
sheet.getRangeByName('B4').setNumber(47);
34+
sheet.getRangeByName('B5').setNumber(20);
35+
sheet.getRangeByName('B6').setNumber(66);
36+
sheet.getRangeByName('C1').setText('Temp in F');
37+
sheet.getRangeByName('C2').setNumber(93);
38+
sheet.getRangeByName('C3').setNumber(104);
39+
sheet.getRangeByName('C4').setNumber(120);
40+
sheet.getRangeByName('C5').setNumber(80);
41+
sheet.getRangeByName('C6').setNumber(140);
42+
43+
//Create an instances of chart collection.
44+
final ChartCollection charts = ChartCollection(sheet);
45+
46+
// Add the chart.
47+
final Chart chart1 = charts.add();
48+
49+
// Set Chart Type.
50+
chart1.chartType = ExcelChartType.lineMarkers;
51+
52+
// Set data range in the worksheet.
53+
chart1.dataRange = sheet.getRangeByName('A1:C6');
54+
chart1.isSeriesInRows = false;
55+
56+
// set charts to worksheet.
57+
sheet.charts = charts;
58+
59+
//save and dispose workbook.
60+
final List<int> bytes = workbook.saveAsStream();
61+
workbook.dispose();
62+
File('LineWithMarkersChart.xlsx').writeAsBytes(bytes);
63+
{% endhighlight %}
64+

‎Flutter/xlsio/working-with-charts.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -199,3 +199,23 @@ The following chart types are supported in Flutter XlsIO.
199199
* [Bar_Stacked](https://help.syncfusion.com/flutter/xlsio/add-stacked-bar-chart)
200200
* [Column_Stacked](https://help.syncfusion.com/flutter/xlsio/add-stacked-column-chart)
201201
* [Line_Stacked](https://help.syncfusion.com/flutter/xlsio/add-stacked-line-chart)
202+
* Line With Markers
203+
* Stacked Line With Markers
204+
* 100% Stacked Line With Markers
205+
* 3-D Line3D
206+
* 3-D Column
207+
* 3-D Clustered Column
208+
* 3-D 100% Stacked Column
209+
* 3-D Stacked Column
210+
* 3-D Clustered Bar
211+
* 3-D 100% Stacked Bar
212+
* High Low Close
213+
* Open High Low Close
214+
* Volume High Low Close
215+
* Volume Open High Low Close
216+
* 3-D Pie
217+
* Pie Of Pie
218+
* Bar Of Pie
219+
* Doughnut
220+
* Doughnut Exploded
221+

0 commit comments

Comments
 (0)