Skip to content

Commit 3c33d73

Browse files
Merge pull request #266 from Syncfusion-Content/hotfix/hotfix-v21.1.35
DOCINFRA-2341_merged_using_automation
2 parents 03e54d9 + 8ffc9a2 commit 3c33d73

File tree

10 files changed

+58
-58
lines changed

10 files changed

+58
-58
lines changed

angular/Chart/Printing.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Printing option in Essential Angular Chart
4-
description: Learn how to print Chart
3+
title: Printing option in Essential Angular Chart Control | Syncfusion
4+
description: Learn here about printing support in Syncfusion Essential Angular Chart Control, its elements, and more.
55
form: Angular
66
control: Chart
77
documentation: ug
88
---
99

10-
# Printing Chart
10+
# Printing Chart in Angular Chart
1111
The rendered chart can be printed directly from the browser by calling the public method **print**. ID of the chart div element must be passed as argument to that method.
1212

1313
{% highlight html %}
@@ -27,7 +27,7 @@ chartObj.print("container");
2727

2828
This print method can be called by performing any action on the web page. For example, by clicking a button. While calling the print method in chart, print preview will be displayed in the browser.
2929

30-
![](Printing_images/Printing_img1.png)
30+
![Angular Chart multiple chart](Printing_images/Printing_img1.png)
3131

3232
[Click](http://ng2jq.syncfusion.com/#/chart/export) here to view the Printing chart online demo sample
3333

@@ -55,7 +55,7 @@ chartObj.print("container1","container2");
5555

5656
The Print preview of multiple Charts is shown below
5757

58-
![](Printing_images/Printing_img2.png)
58+
![Angular Chart page setup](Printing_images/Printing_img2.png)
5959

6060
## Page Setup
6161

angular/CircularGauge/Getting-started.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
2-
title: Getting Started for CircularGauge
3-
description: How to create a circulargauge, add scales, enable tooltip and other functionalities
2+
title: Getting Started with Angular CircularGauge Control | Syncfusion
3+
description: Learn here about getting started with Syncfusion Essential Angular CircularGauge Control, its elements, and more.
44
platform: Angular
55
control: circulargauge
66
documentation: ug
77
keywords: ejcirculargauge, circulargauge, circulargauge widget, Angular circulargauge
88
---
9-
#Getting Started
9+
# Getting Started with Angular CircularGauge
1010

1111
Before we start with the CircularGauge, please refer [this page](https://help.syncfusion.com/angular-2/overview) for general information regarding integrating Syncfusion widget’s.
1212

@@ -210,7 +210,7 @@ npm start
210210

211211
* Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to circularGauge tab. The component is rendered as like the below screenshot. You can make changes in the code found under src folder and the browser should auto-refresh itself while you save files.
212212

213-
![](Getting-started-images/Getting-Started_img1.png)
213+
![Angular CircularGauge routes](Getting-started-images/Getting-Started_img1.png)
214214

215215
## Set Background Color
216216

@@ -227,7 +227,7 @@ You can draw the speedometer with dark background and to vary the speed of the p
227227

228228
The above code example renders a **Gauge** as shown in the following screen shot.
229229

230-
![](Getting-started-images/Getting-Started_img2.png)
230+
![Angular CircularGauge background color](Getting-started-images/Getting-Started_img2.png)
231231

232232
## Provide scale values
233233

@@ -254,7 +254,7 @@ The above code example renders a **Gauge** as shown in the following screen shot
254254

255255
On executing the above code, sample renders a **Circular Gauge** with customized labels as follows.
256256

257-
![](Getting-started-images/Getting-Started_img3.png)
257+
![Angular CircularGauge scale value](Getting-started-images/Getting-Started_img3.png)
258258

259259
## Add Label Customization
260260

@@ -279,7 +279,7 @@ To display the values in the **Gauge**, scale labels are used. You can customize
279279

280280
On executing the above code, sample renders a default **Circular Gauge** with customized labels as follows.
281281

282-
![](Getting-started-images/Getting-Started_img4.png)
282+
![Angular CircularGauge add label](Getting-started-images/Getting-Started_img4.png)
283283

284284
## Add pointer data
285285

@@ -313,7 +313,7 @@ You can use three pointers that denote kilometer value, rotation per minute valu
313313

314314
On executing the above code, sample renders a customized **Circular Gauge** as follows.
315315

316-
![](Getting-started-images/Getting-Started_img5.png)
316+
![Angular CircularGauge add pointer](Getting-started-images/Getting-Started_img5.png)
317317

318318
## Add Tick Details
319319

@@ -342,7 +342,7 @@ You can display the tick value with customization as given in the following code
342342

343343
On executing the above code, sample renders a **Circular Gauge** with customized labels as follows.
344344

345-
![](Getting-started-images/Getting-Started_img6.png)
345+
![Angular CircularGauge add ticks](Getting-started-images/Getting-Started_img6.png)
346346

347347
## Add Range Values
348348

@@ -372,5 +372,5 @@ Ranges denote the property of scale value in the speedometer. The color values o
372372

373373
On executing the above code, sample renders a **Circular Gauge** with customized range as follows.
374374

375-
![](Getting-started-images/Getting-Started_img7.png)
375+
![Angular CircularGauge add range](Getting-started-images/Getting-Started_img7.png)
376376

angular/CurrencyTextbox/RTL-Support.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: RTL-Support
4-
description: rtl support
3+
title: RTL Support in Angular CurrencyTextBox Control | Syncfusion
4+
description: Learn here about RTL Support in Syncfusion Essential Angular CurrencyTextBox Control, its elements, and more.
55
platform: Angular
66
control: CurrencyTextBox
77
documentation: ug
88
---
99

10-
# RTL Support
10+
# RTL Support in Angular CurrencyTextBox
1111

1212
The **Textbox** provides **RTL** (Right-To-Left) support. The alignment of CurrencyTextBox can be changed from **Left-To-Right** into **Right-To-Left**.
1313

@@ -44,4 +44,4 @@ export class CurrencyTextboxComponent {
4444

4545
The output for CurrencyTextBox when **enableRTL** is **“true”** is as follows.
4646

47-
![](/angular/CurrencyTextbox/RTL-Support_images/RTL-Support_img1.png)
47+
![Angular CurrencyTextBox RTL support](RTL-Support_images/RTL-Support_img1.png)

angular/Dialog/animation.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Syncfusion animation
4-
description: animation
3+
title: Animation in Angular Dialog Control | Syncfusion
4+
description: Learn here about animation support in Syncfusion Essential Angular Dialog Control, its elements, and more.
55
platform: Angular
66
control: Angular- Dialog
77
documentation: ug
88
---
99

10-
## Animation
10+
# Animation in Angular Dialog
1111

1212
The Dialog component can be animated while opening and closing the dialog.
1313

angular/Dialog/appearance-and-styling.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
layout: post
3-
title: Syncfusion appearance-and-styling
4-
description: appearance and styling
3+
title: Appearance and styling in Angular Dialog Control | Syncfusion
4+
description: Learn here about appearance and styling in Syncfusion Essential Angular Dialog Control, its elements, and more.
55
platform: Angular
66
control: Angular- Dialog
77
documentation: ug
88
---
99

10-
## Appearance and styling
10+
# Appearance and styling in Angular Dialog
1111

12-
### Showing header
12+
## Showing header
1313

1414
In order to display any title for our dialog, we can use the **showHeader** property to display the header of the Dialog. By default, showHeader property is true in Dialog.
1515

angular/DropDownList/Customization.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Customization in DropDownList widget
4-
description: Customization in DropDownList widget
3+
title: Customization in Angular DropDownList Control | Syncfusion
4+
description: Learn here about Customization in Syncfusion Essential Angular DropDownList Control, its elements, and more.
55
platform: Angular
66
control: DropDownList
77
documentation: ug
88
---
99

10-
# Customization
10+
# Customization in Angular DropDownList
1111

1212
## Adding watermark text
1313

@@ -54,9 +54,9 @@ export class DropDownListComponent {
5454

5555
{% endhighlight %}
5656

57-
![](Customization_images/Customization_img1.png)
57+
![Angular DropDownList customization](Customization_images/Customization_img1.png)
5858

59-
![](Customization_images/Customization_img2.png)
59+
![Angular DropDownList watermark text](Customization_images/Customization_img2.png)
6060

6161
## Applying Rounded Corner
6262

@@ -101,7 +101,7 @@ export class DropDownListComponent {
101101

102102
{% endhighlight %}
103103

104-
![](Customization_images/Customization_img3.png)
104+
![Angular DropDownList applying rounded corner](Customization_images/Customization_img3.png)
105105

106106
I> The browser support details for rounded corner is given [here](http://www.w3schools.com/cssref/css3_pr_border-radius.asp).
107107

@@ -150,7 +150,7 @@ export class DropDownListComponent {
150150

151151
{% endhighlight %}
152152

153-
![](Customization_images/Customization_img4.png)
153+
![Angular DropDownList enable disable](Customization_images/Customization_img4.png)
154154

155155
N> you can disable/enable the single or multiple list items by using [disableItemsByIndices](http://help.syncfusion.com/api/js/ejdropdownlist#methods:disableitemsbyindices) and [enableItemsByIndices](http://help.syncfusion.com/api/js/ejdropdownlist#methods:enableitemsbyindices) property.
156156

@@ -201,4 +201,4 @@ export class DropDownListComponent {
201201

202202
{% endhighlight %}
203203

204-
![](Customization_images/Customization_img5.png)
204+
![Angular DropDownList HTML Attributes](Customization_images/Customization_img5.png)

angular/Splitter/Getting-Started.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
layout: post
3-
title: Getting-Started
4-
description: getting started
3+
title: Getting Started with Angular Splitter Control | Syncfusion
4+
description: Learn here about getting started with Syncfusion Essential Angular Splitter Control, its elements, and more.
55
platform: Angular
66
control: Splitter
77
documentation: ug
88
---
99

10-
# Getting Started
10+
# Getting Started with Angular Splitter
1111

1212
This section helps to get started of the Splitter component in an Angular application.
1313

14-
![](Getting_Started_images/Getting_Started_img1.png)
14+
![Angular Splitter component](Getting_Started_images/Getting_Started_img1.png)
1515

1616
## Create a Splitter
1717

angular/Splitter/RTL-Support.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: RTL Support
4-
description: RTL Support
3+
title: RTL Support in Angular Splitter Control | Syncfusion
4+
description: Learn here about RTL Support in Syncfusion Essential Angular Splitter Control, its elements, and more.
55
platform: Angular
66
control: Splitter
77
documentation: ug
88
---
99

10-
# RTL Support
10+
# RTL Support in Angular Splitter
1111

1212
**Splitter** provides you with **RTL (Right-To-Left)** support. The alignment of Splitter can be changed from Left-To-Right to Right-To-Left.
1313

@@ -78,5 +78,5 @@ Define **“enableRTL”** property as true in constructor file.
7878

7979
The output for Splitter when **enableRTL** is “true”.
8080

81-
![](RTL-Support_images\RTL-Support_img1.png)
81+
![Angular Splitter RTL support](RTL-Support_images\RTL-Support_img1.png)
8282

angular/Toolbar/Getting-Started.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,22 @@
11
---
22
layout: post
3-
title: Getting-Started | Toolbar | JavaScript | Syncfusion
4-
description: getting started
3+
title: Getting Started with Angular Toolbar Control | Syncfusion
4+
description: Learn here about getting started with Syncfusion Essential Angular Toolbar Control, its elements, and more.
55
platform: Angular
66
control: Toolbar
77
documentation: ug
88
keywords: ejtoolbar, toolbar, js toolbar
99
---
1010

11-
# Getting Started
11+
# Getting Started with Angular Toolbar
1212

1313
This section explains briefly about how to create a **Toolbar** in your application with **JavaScript.**
1414

1515
## Create Toolbar for PDF Reader
1616

1717
**Toolbar** control supports displaying a list of tools in a Web page. This control is capable of customizing toolbar items with any functionality by using enriched **client-side** methods. This control consists of a collection of **unordered lists** contains text and images into a **<div>.** From the following section, you can learn how to customize **toolbar** control for a **PDF reader** scenario. The following screen shot shows the appearance of **toolbar** in **PDF reader** simulator application.
1818

19-
![](/js/Toolbar/Getting-Started_images/Getting-Started_img1.png)
19+
![Angular Toolbar PDF Reader](Getting-Started_images/Getting-Started_img1.png)
2020

2121
## Create Toolbar control
2222

@@ -73,7 +73,7 @@ export class ToolBarComponent {
7373

7474
Output of the above steps
7575

76-
![](/js/Toolbar/Getting-Started_images/Getting-Started_img2.png)
76+
![Angular Toolbar creation](Getting-Started_images/Getting-Started_img2.png)
7777

7878
## Initialize Toolbar Items
7979

@@ -206,7 +206,7 @@ export class ToolBarComponent {
206206

207207
Execute the code to render a toolbar with a list of **toolbar items**.
208208

209-
![](/js/Toolbar/Getting-Started_images/Getting-Started_img3.png)
209+
![Angular Toolbar Initialize items](Getting-Started_images/Getting-Started_img3.png)
210210

211211
Toolbar with list of toolbar items
212212
{:.caption}
@@ -338,7 +338,7 @@ export class ToolBarComponent {
338338

339339
Execute the code to render a **toolbar items** with separator.
340340

341-
![](/js/Toolbar/Getting-Started_images/Getting-Started_img4.png)
341+
![Angular Toolbar Rendering](Getting-Started_images/Getting-Started_img4.png)
342342

343343
## Add Actions to Toolbar Items
344344

@@ -398,7 +398,7 @@ You can apply the following styles with the above styles to design the **PDF hea
398398

399399
Execute the given code to render a **PDF reader** as follows.
400400

401-
![](/js/Toolbar/Getting-Started_images/Getting-Started_img6.png)
401+
![Angular Toolbar Add Actions](Getting-Started_images/Getting-Started_img6.png)
402402

403403

404404

angular/TreeMap/Getting-started.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
2-
title: Getting Started for TreeMap
3-
description: How to create a treemap, add levels, enable tooltip, colormapping and other functionalities
2+
title: Getting Started with Angular TreeMap Control | Syncfusion
3+
description: Learn here about getting started with Syncfusion Essential Angular TreeMap Control, its elements, and more.
44
platform: Angular
55
control: treemap
66
documentation: ug
77
keywords: ejtreemap, treemap, treemap widget, Angular treemap
88
---
9-
#Getting Started
9+
# Getting Started with Angular TreeMap
1010

1111
Before we start with the TreeMap, please refer [this page](https://help.syncfusion.com/angular-2/overview) for general information regarding integrating Syncfusion widget’s.
1212

@@ -272,7 +272,7 @@ npm start
272272

273273
* Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to treemap tab. The component is rendered as like the below screenshot. You can make changes in the code found under src folder and the browser should auto-refresh itself while you save files.
274274

275-
![](Getting-started-images/Getting-Started_img1.png)
275+
![Angular TreeMap group with level](Getting-started-images/Getting-Started_img1.png)
276276

277277
## Group with Levels
278278

@@ -302,7 +302,7 @@ The following code sample explains how to group TreeMap Items using ‘Levels’
302302

303303
The following screenshot displays grouping of **TreeMap****Items** using **Levels**.
304304

305-
![](Getting-started-images/Getting-Started_img2.png)
305+
![Angular TreeMap customize by range](Getting-started-images/Getting-Started_img2.png)
306306

307307
## Customize TreeMap by Range
308308

@@ -337,7 +337,7 @@ The following code sample explains how to customize TreeMap appearance using Ran
337337

338338
The following screenshot displays a customized **TreeMap** control.
339339

340-
![](Getting-started-images/Getting-Started_img3.png)
340+
![Angular TreeMap color with path](Getting-started-images/Getting-Started_img3.png)
341341

342342
## Enable Tooltip
343343

@@ -384,7 +384,7 @@ You can customize the Leaf level TreeMap items using `leafItemSettings`. The Lab
384384

385385
The following screenshot displays a ToolTip in a **TreeMap** control.
386386

387-
![](Getting-started-images/Getting-Started_img5.png)
387+
![Angular TreeMap enable tooltip](Getting-started-images/Getting-Started_img5.png)
388388

389389
## Enable Legend
390390

@@ -418,7 +418,7 @@ The following code sample illustrates how to add labels for legend in a TreeMap.
418418

419419
The following screenshot displays labels in a **TreeMap** control.
420420

421-
![](Getting-started-images/Getting-Started_img6.png)
421+
![Angular TreeMap Label for Legend](Getting-started-images/Getting-Started_img6.png)
422422

423423
N> Population data is referred from [List of continents by population](http://en.wikipedia.org/wiki/List_of_continents_by_population).
424424

0 commit comments

Comments
 (0)