Skip to content

Commit 83e7cd0

Browse files
Merge pull request #1209 from syncfusion-content/FLUT-958965-Correct-the-grammatical-mistakes-in-user-guide
FLUT-958965 - [Feature] Cleared grammatical issues for barcode and treemap
2 parents 3684320 + 6e81fb6 commit 83e7cd0

13 files changed

+42
-45
lines changed

Flutter/barcode/accessibility.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,13 +11,13 @@ documentation: ug
1111

1212
## Sufficient contrast
1313

14-
The `SfBarcodeGenerator` [theming](https://help.syncfusion.com/flutter/themes) support offers a consistent and standardized look, as well as the ability to set the colors for all UI elements.
14+
The `SfBarcodeGenerator` [theming](https://help.syncfusion.com/flutter/themes) support offers a consistent and standardized look, as well as the ability to customize colors for all UI elements.
1515

16-
The customization the colors can be done for the following elements.
16+
You can customize colors for the following elements:
1717
* [Bar color](https://help.syncfusion.com/flutter/barcode/barcode-customization)
1818
* [Background color](https://help.syncfusion.com/flutter/barcode/barcode-customization)
1919

2020
## Large fonts
2121

22-
The `SfBarcodeGenerator` font size can be adjusted automatically based on device settings and the font size scaled based on the `MediaQueryData.textScaleFactor`. And also it allows to change the font size of all text elements in barcode generator.
22+
The `SfBarcodeGenerator` automatically adjusts font size based on device settings and scales according to the `MediaQueryData.textScaleFactor`. It also allows you to change the font size of all text elements in the barcode generator.
2323
* [Input value of barcode](https://help.syncfusion.com/flutter/barcode/barcode-customization#text-customization)

Flutter/barcode/barcode-customization.md

Lines changed: 11 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
layout: post
33
title: Customization in Flutter Barcodes widget | Syncfusion
4-
description: Learn here all about the customization features of Syncfusion Flutter Barcodes (SfBarcodeGenerator) widget and more.
4+
description: Learn all about the customization features of the Syncfusion Flutter Barcodes (SfBarcodeGenerator) widget and more.
5+
platform: flutter
56
platform: flutter
67
control: SfBarcodeGenerator
78
documentation: ug
@@ -13,7 +14,7 @@ documentation: ug
1314

1415
**Displaying input value**
1516

16-
The provided input value of the barcode can be displayed by enabling its [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) property. By default, the [`showValue`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/showValue.html) is false.
17+
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.
1718

1819
{% highlight dart %}
1920

@@ -39,7 +40,7 @@ The provided input value of the barcode can be displayed by enabling its [`showV
3940

4041
**Text style customization**
4142

42-
The style of the text can be customized with the [`textStyle`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textStyle.html) property of the barcode generator.
43+
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.
4344

4445
{% highlight dart %}
4546

@@ -70,7 +71,7 @@ The style of the text can be customized with the [`textStyle`](https://pub.dev/d
7071

7172
**Text spacing**
7273

73-
The space between the text and the barcode can be controlled by the [`textSpacing`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textSpacing.html) property of barcode generator. By default, the value of [`textSpacing`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textSpacing.html) is 2.
74+
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.
7475

7576
{% highlight dart %}
7677

@@ -97,7 +98,7 @@ The space between the text and the barcode can be controlled by the [`textSpacin
9798

9899
**Horizontal text alignment**
99100

100-
The horizontal alignment of the text can be controlled by [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property of barcode generator. The displayed value can be positioned at `start`, `center` or `end` of the control. The default value of [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property is center.
101+
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`, `center` or `end` of the control. The default value of [`textAlign`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/textAlign.html) property is center.
101102

102103
{% highlight dart %}
103104

@@ -126,9 +127,9 @@ The horizontal alignment of the text can be controlled by [`textAlign`](https://
126127

127128
**Bar width customization**
128129

129-
Both the one dimensional and the two dimensional symbology support the [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property. The property is used to define the size of the smallest line or dot of the barcode.
130+
Both one-dimensional and two-dimensional symbologies support the [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property. This defines the size of the smallest line or dot in the barcode.
130131

131-
For one dimensional barcode, if this property is not set, the size of the smallest bar line is determined depending on the width available.
132+
For one-dimensional barcodes, if not set, the smallest bar line size depends on the available width.
132133

133134
The following code snippet shows the one dimensional barcode with [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property,
134135

@@ -184,9 +185,7 @@ Below code snippet shows the one dimensional barcode without the [`module`](http
184185

185186
![without module value](images/text-customization/without-module.jpg)
186187

187-
N> In the image above, the smallest bar line width is calculated on the basis of the available width as a result of the total computed inputs(0's and 1's) divided by the available width.
188-
189-
For two dimensional barcode , if the [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property is not set, the size of smallest dot is calculated based on the minimum of available width or height.
188+
For two dimensional barcode , if the [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property is not set, the smallest dot size is calculated based on the minimum of available width or height.
190189

191190
The following code snippet shows the two dimensional barcode with [`module`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Symbology/module.html) property,
192191

@@ -240,7 +239,7 @@ The following code snippet shows the two dimensional barcode with [`module`](htt
240239

241240
**Bar color customization**
242241

243-
The bar color of the barcode can be customized by using its [`barColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/barColor.html) property as like the following code snippet,
242+
Customize the barcode's bar color using the [`barColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/barColor.html) property as like the following code snippet,
244243

245244
{% highlight dart %}
246245

@@ -267,7 +266,7 @@ The bar color of the barcode can be customized by using its [`barColor`](https:/
267266

268267
**Background color customization**
269268

270-
The background color of barcode can be customized with the [`backgroundColor`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/SfBarcodeGenerator/backgroundColor.html) property of barcode generator as like the below code snippet,
269+
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 like the below code snippet,
271270

272271
{% highlight dart %}
273272

Flutter/barcode/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Add the Syncfusion<sup>&reg;</sup> Flutter Barcode dependency to your pubspec.ya
2828

2929
{% endhighlight %}
3030

31-
N> Here **xx.x.xx** denotes the current version of [Syncfusion<sup>&reg;</sup> Flutter Barcodes](https://pub.dev/packages/syncfusion_flutter_barcodes/versions) package.
31+
N> Here **xx.x.xx** denotes the current version of the [Syncfusion<sup>&reg;</sup> Flutter Barcodes](https://pub.dev/packages/syncfusion_flutter_barcodes/versions) package.
3232

3333
**Get packages**
3434

Flutter/barcode/one-dimensional.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# One-dimensional symbology in Flutter Barcodes (SfBarcodeGenerator)
1111

12-
The one-dimensional barcode represents the data by varying the widths and spacings of the parallel lines. These barcode types are also known as linear barcode types. The Syncfusion<sup>&reg;</sup> flutter barcode generator supports the following one-dimensional barcode types:
12+
One-dimensional barcodes represent data by varying the widths and spacings of parallel lines. These barcode types are also known as linear barcode types. The Syncfusion<sup>&reg;</sup> flutter barcode generator supports the following one-dimensional barcode types:
1313

1414
* [`Codabar`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Codabar-class.html)
1515
* [`Code39`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39-class.html)

Flutter/barcode/overview.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,20 @@ documentation: ug
99

1010
# Flutter Barcodes (SfBarcodeGenerator) Overview
1111

12-
The Syncfusion<sup>&reg;</sup> Flutter Barcode Generator is a data visualization widget used to generate and display data in a machine-readable format. It provides a perfect approach to encode text using supported symbology types.
12+
The Syncfusion<sup>&reg;</sup> 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.
1313

1414
![Overview flutter barcode](images/getting-started/overview1.jpg)
1515

1616
![Overview flutter QR Code](images/getting-started/getting_started3.jpg)
1717

18-
To get start quickly with our Flutter barcode generator widget, you can check on this video.
18+
To quickly get started with our Flutter Barcode Generator widget, watch the tutorial video below:
1919

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

2323
## Key Features
2424

25-
* **One-dimensional barcodes** - Barcode Generator supports different one-dimensional barcode symbologies such as [`Code128`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code128-class.html), [`EAN8`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/EAN8-class.html), [`EAN13`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/EAN13-class.html), [`UPC-A`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/UPCA-class.html), [`UPC-E`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/UPCE-class.html), [`Code39`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39-class.html), [`Code39 Extended`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39Extended-class.html), [`Code93`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code93-class.html), and [`Codabar`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Codabar-class.html).
25+
* **One-dimensional barcodes** - The Barcode Generator supports different one-dimensional barcode symbologies such as [`Code128`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code128-class.html), [`EAN8`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/EAN8-class.html), [`EAN13`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/EAN13-class.html), [`UPC-A`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/UPCA-class.html), [`UPC-E`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/UPCE-class.html), [`Code39`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39-class.html), [`Code39 Extended`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code39Extended-class.html), [`Code93`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Code93-class.html), and [`Codabar`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/Codabar-class.html).
2626
* **Two-dimensional barcode** - Barcode Generator supports popular [`QR code`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/QRCode-class.html) and [`Data Matrix`](https://pub.dev/documentation/syncfusion_flutter_barcodes/latest/barcodes/DataMatrix-class.html).
2727
* **Barcode customization** - Customize the visual appearance of barcodes using the backgroundColor and barColor 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.
2828
* **Text customization** - Configure to display the barcode value and customize the position and style of the barcode text.

Flutter/treemap/accessibility.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,12 +88,12 @@ You can customize the color of the [`SfTreemap`](https://pub.dev/documentation/s
8888

8989
## Large fonts
9090

91-
The font size of the [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) will be automatically scaled based on the device settings. Also, you can change the font size of the [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) elements using the following APIs:
91+
The font size of the [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) will be automatically scaled based on the device settings. Additionally, you can change the font size of the [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) elements using the following APIs:
9292

9393
* [`Label style`](https://help.syncfusion.com/flutter/treemap/labels#add-labels)
9494
* [`Legend text style`](https://help.syncfusion.com/flutter/treemap/legend#text-style)
9595
* [`Tooltip label style`](https://help.syncfusion.com/flutter/treemap/tooltip#tooltip-for-the-tiles)
9696

9797
## Easier touch targets
9898

99-
The [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) has touch target as 48 * 48 as per the standard for all the elements.
99+
The [`SfTreemap`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/SfTreemap-class.html) has touch target as 48 * 48 for all elements, following standard accessibility guidelines.

Flutter/treemap/color-customization.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -113,8 +113,8 @@ class JobVacancyModel {
113113
![Levels color customization](images/colors/levels-color.png)
114114

115115
N>
116-
* Refer the [`TreemapColorMapper.value`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/TreemapColorMapper.value.html), for applying tile color based on specific value.
117-
* Refer the [`TreemapColorMapper.range`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/TreemapColorMapper.range.html), for applying tile color based on range of values.
116+
* Refer to the [`TreemapColorMapper.value`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/TreemapColorMapper.value.html), for applying tile color based on a specific value.
117+
* Refer to the [`TreemapColorMapper.range`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/TreemapColorMapper.range.html), for applying tile color based on a range of values.
118118

119119
## Equal color mapping
120120

@@ -200,7 +200,7 @@ The value returned from the [`TreemapLevel.colorValueMapper`](https://pub.dev/do
200200

201201
* **MinSaturation and MaxSaturation** - The tiles with the lowest value which is `from` will be applied a `minSaturation` and the tiles with the highest value which is `to` will be applied a `maxSaturation`. The tiles with values in-between the range will get a saturation based on their respective value.
202202

203-
N> You can customize the legend icons color and texts using the [`TreemapColorMapper.color`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/color.html) and the [`TreemapColorMapper.from`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/from.html) and [`TreemapColorMapper.to`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/to.html) properties.
203+
N> Customize the legend icons color and texts using the [`TreemapColorMapper.color`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/color.html) and the [`TreemapColorMapper.from`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/from.html) and [`TreemapColorMapper.to`](https://pub.dev/documentation/syncfusion_flutter_treemap/latest/treemap/TreemapColorMapper/to.html) properties.
204204

205205
{% tabs %}
206206
{% highlight Dart %}

Flutter/treemap/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
33
title: Getting started with Flutter Treemap widget | Syncfusion
4-
description: Learn here about getting started with Syncfusion Flutter Treemap (SfTreemap) widget, its elements, and more.
4+
description: Learn about getting started with Syncfusion Flutter Treemap (SfTreemap) widget, its elements, and more.
55
platform: flutter
66
control: SfTreemap
77
documentation: ug

Flutter/treemap/labels.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -292,7 +292,7 @@ class JobVacancyModel {
292292

293293
## Alignment
294294

295-
You can change the labels alignment by wrapping the text widget using the [`Align`](https://api.flutter.dev/flutter/widgets/Align-class.html) widget and set the [`alignment`](https://api.flutter.dev/flutter/widgets/Align/alignment.html) property.
295+
You can change the labels alignment by wrapping the text widget in the [`Align`](https://api.flutter.dev/flutter/widgets/Align-class.html) widget and setting the [`alignment`](https://api.flutter.dev/flutter/widgets/Align/alignment.html) property.
296296

297297
{% tabs %}
298298
{% highlight Dart %}

0 commit comments

Comments
 (0)