Skip to content

Commit 343e1e9

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #232 from Syncfusion-Content/hotfix/hotfix-v20.4.0.48
DOCINFRA-2341_merged_using_automation
2 parents a4a4dd6 + b136285 commit 343e1e9

File tree

6 files changed

+41
-41
lines changed

6 files changed

+41
-41
lines changed

‎angularjs/Button/Customization.md‎

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

10-
# Easy Customization
10+
# Easy Customization in AngularJS Button
1111

1212
Button being used in all applications, button size, content and content location is varies based on each application. Here you can see some customizable options available for button control.
1313

@@ -42,7 +42,7 @@ You can bound the buttons of different size using e-size property. Here, we have
4242

4343
Run the above code to get the below output.
4444

45-
![](customization_images/size.png)
45+
![AngularJS Button Content Type](customization_images/size.png)
4646

4747
## Content Type
4848

@@ -79,7 +79,7 @@ Button control supports built-in icon libraries. The icons are added inside a bu
7979

8080
Run the above code to get the below output.
8181

82-
![](customization_images/content-type.png)
82+
![AngularJS Button Image position ](customization_images/content-type.png)
8383

8484
## Image position
8585

@@ -112,7 +112,7 @@ The e-imagePosition property of the button allows you to position the image with
112112

113113
Run the above code to get the below output.
114114

115-
![](customization_images/image-position.png)
115+
![AngularJS Button type](customization_images/image-position.png)
116116

117117
## Button Type
118118

@@ -179,5 +179,5 @@ The e-timeInterval property is used to specify the time Interval for triggering
179179

180180
Run the above code to get the below output.
181181

182-
![](customization_images/repeat-button.png)
182+
![AngularJS Button customization](customization_images/repeat-button.png)
183183

‎angularjs/Button/Getting-Started.md‎

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

10-
# Getting Started
10+
# Getting Started with AngularJS Button
1111

1212
This section explains you briefly on how to create a **Button** in your application with **JavaScript**. Essential JavaScript Button helps to display a Button widget within a web page and allows you to Click, Toggle Click, Reset, and Submit. The following example illustrates how to customize Button control in a Media Player and Office Ribbon Application.
1313

‎angularjs/Diagram/Automatic-Layout.md‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
22
layout: post
3-
title: Layout nodes and connectors in an organized structure
4-
description: How to arrange nodes by using the automatic layouts?.
3+
title: Automatic Layout in AngularJS Diagram Control | Syncfusion
4+
description: Learn here about automatic layout in Syncfusion Essential AngularJS Diagram Control, its elements, and more.
55
platform: AngularJS
66
control: Diagram
77
documentation: ug
88
---
99

10-
# Automatic Layout
10+
# Automatic Layout in AngularJS Diagram
1111

1212
Diagram provides support to auto-arrange the nodes in the Diagram area that is referred as **Layout**. It includes the following layout modes.
1313

@@ -109,7 +109,7 @@ syncApp.controller('diagramCtrl', function($scope) {
109109

110110
{% endhighlight %}
111111

112-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img1.png)
112+
![AngularJS Diagram Radial Tree Layout](Automatic-Layout_images/Automatic-Layout_img1.png)
113113

114114
N> You can ignore a particular Node from layout arrangement by setting its **excludeFromLayout** property as true.
115115

@@ -309,7 +309,7 @@ syncApp.controller('diagramCtrl', function($scope) {
309309

310310
{% endhighlight %}
311311

312-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img2.png)
312+
![AngularJS Diagram Organizational Chart](Automatic-Layout_images/Automatic-Layout_img2.png)
313313

314314
## Organizational Chart
315315

@@ -483,7 +483,7 @@ syncApp.controller('diagramCtrl', function($scope) {
483483

484484
{% endhighlight %}
485485

486-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img3.png)
486+
![AngularJS Diagram GetLayoutInfo](Automatic-Layout_images/Automatic-Layout_img3.png)
487487

488488
Organizational chart layout starts parsing from root and iterate through all its child elements. ‘getLayoutInfo’ method provides necessary information of a node’s children and the way to arrange (direction, orientation, offsets, etc.) them. You can customize the arrangements by overriding this function as explained.
489489

@@ -540,13 +540,13 @@ The following table illustrates the different chart orientations and chart types
540540

541541
| Orientation | Type | Description | Example |
542542
|---|---|---|---|
543-
| Horizontal | Left | Arranges the child nodes horizontally at the left side of parent. | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img4.png) |
544-
| | Right | Arranges the child nodes horizontally at the right side of parent. | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img5.png) |
545-
| | Center | Arranges the children like standard tree layout orientation. | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img6.png) |
546-
| | Balanced | Arranges the leaf-level child nodes in multiple rows. | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img16.png) |
547-
| Vertical | Left | Vertically arranges the children at the left side of parent | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img7.png) |
548-
| | Right | Vertically arranges the children at the right side of parent | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img8.png) |
549-
| | Alternate | Vertically arranges the children at both left and right sides of parent | ![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img9.png) |
543+
| Horizontal | Left | Arranges the child nodes horizontally at the left side of parent. | ![Horizontal Left](Automatic-Layout_images/Automatic-Layout_img4.png) |
544+
| | Right | Arranges the child nodes horizontally at the right side of parent. | ![Horizontal Right](Automatic-Layout_images/Automatic-Layout_img5.png) |
545+
| | Center | Arranges the children like standard tree layout orientation. | ![Horizontal Center](Automatic-Layout_images/Automatic-Layout_img6.png) |
546+
| | Balanced | Arranges the leaf-level child nodes in multiple rows. | ![Horizontal Balanced](Automatic-Layout_images/Automatic-Layout_img16.png) |
547+
| Vertical | Left | Vertically arranges the children at the left side of parent | ![Vertical Left](Automatic-Layout_images/Automatic-Layout_img7.png) |
548+
| | Right | Vertically arranges the children at the right side of parent | ![Vertical Right](Automatic-Layout_images/Automatic-Layout_img8.png) |
549+
| | Alternate | Vertically arranges the children at both left and right sides of parent | ![Horizontal Alternate](Automatic-Layout_images/Automatic-Layout_img9.png) |
550550

551551

552552
The following code example illustrates how to set the vertical right arrangement to the leaf level trees.
@@ -677,7 +677,7 @@ syncApp.controller('diagramCtrl', function($scope) {
677677

678678
{% endhighlight %}
679679

680-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img10.png)
680+
![AngularJS Diagram Assistant](Automatic-Layout_images/Automatic-Layout_img10.png)
681681

682682
### Assistant
683683

@@ -771,7 +771,7 @@ syncApp.controller('diagramCtrl', function($scope) {
771771

772772
{% endhighlight %}
773773

774-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img11.png)
774+
![AngularJS Diagram Customize Layout](Automatic-Layout_images/Automatic-Layout_img11.png)
775775

776776
## Customize Layout
777777

@@ -830,7 +830,7 @@ syncApp.controller('diagramCtrl', function($scope) {
830830

831831
{% endhighlight %}
832832

833-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img14.png)
833+
![AngularJS Diagram Layout Margin](Automatic-Layout_images/Automatic-Layout_img14.png)
834834

835835
### Layout Margin
836836

@@ -882,7 +882,7 @@ syncApp.controller('diagramCtrl', function($scope) {
882882

883883
{% endhighlight %}
884884

885-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img15.png)
885+
![AngularJS Diagram Layout Orientation](Automatic-Layout_images/Automatic-Layout_img15.png)
886886

887887
### Layout Orientation
888888

@@ -925,7 +925,7 @@ syncApp.controller('diagramCtrl', function($scope) {
925925

926926
{% endhighlight %}
927927

928-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img12.png)
928+
![AngularJS Diagram Fixed Node](Automatic-Layout_images/Automatic-Layout_img12.png)
929929

930930
### Fixed Node
931931

@@ -987,7 +987,7 @@ syncApp.controller('diagramCtrl', function($scope) {
987987

988988
{% endhighlight %}
989989

990-
![](/angularjs/Diagram/Automatic-Layout_images/Automatic-Layout_img13.png)
990+
![AngularJS Diagram Expand and collapse](Automatic-Layout_images/Automatic-Layout_img13.png)
991991

992992
### Expand and collapse
993993

‎angularjs/Dialog/action-buttons.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: Syncfusion Dialog action-buttons
4-
description: action buttons
3+
title: Action buttons in AngularJS Dialog Control | Syncfusion
4+
description: Learn here about action buttons support in Syncfusion Essential AngularJS Dialog Control, its elements, and more.
55
platform: AngularJS
66
control: Angular- Dialog
77
documentation: ug
88
---
99

10-
## Action Buttons
10+
# Action Buttons in AngularJS Dialog
1111

1212
The Dialog component provides the following action buttons.
1313

@@ -39,7 +39,7 @@ You can display only the necessary buttons in the Dialog component by configurin
3939

4040
![Action Buttons](action-buttons_images\action-buttons_img1.png)
4141

42-
### Customizing Action Buttons
42+
## Customizing Action Buttons
4343

4444
We can customize the action buttons in dialog component.
4545

‎angularjs/Kanban/Overview.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
2-
title: Kanban - Overview
3-
description: Kanban Introduction
2+
title: Overview of AngularJS Kanban Control | Syncfusion
3+
description: Learn here all about overview of Syncfusion Essential AngularJS Kanban Control, its elements, and more.
44
platform: AngularJS
55
control: Kanban
66
documentation: ug
77
keywords: ejkanban, overview, kanban board, js kanban
88
---
99

10-
# Overview
10+
# Overview of AngularJS Kanban
1111

1212
The Kanban control is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing.
1313

‎angularjs/ReportViewer/Getting-Started.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
---
2-
title: Getting Started with ReportViewer component
3-
description: getting started
2+
title: Getting Started with AngularJS ReportViewer Control | Syncfusion
3+
description: Learn here about getting started with Syncfusion Essential AngularJS ReportViewer Control, its elements, and more.
44
platform: AngularJS
55
control: ReportViewer
66
documentation: ug
77
keywords: ejReportViewer, ReportViewer, js ReportViewer
88
---
99

10-
# Getting Started
10+
# Getting Started with AngularJS ReportViewer
1111

1212
This section explains briefly about how to create a ReportViewer in your web application with AngularJS.
1313

@@ -94,7 +94,7 @@ N> Default RDL Report will be rendered, which is used in the online service. You
9494

9595
Run the sample application and you can see the ReportViewer on the page as displayed in the following screenshot.
9696

97-
![](Getting-Started_images/Getting-Started_img1.png)
97+
![AngularJS ReportViewer grouping aggregate](Getting-Started_images/Getting-Started_img1.png)
9898

9999
ReportViewer with Grouping Aggregate Report
100100
{:.caption}
@@ -126,7 +126,7 @@ N> The credential information for Report Server is provided in online service.
126126

127127
2.Run the application and you can see the ReportViewer on the page as displayed in the following screenshot.
128128

129-
![](Getting-Started_images/Getting-Started_img2.png)
129+
![AngularJS ReportViewer Load SSRS Server Reports](Getting-Started_images/Getting-Started_img2.png)
130130

131131
Report from SSRS
132132
{:.caption}
@@ -169,7 +169,7 @@ N> Default RDLC Report will be rendered, which is used in the online service. Yo
169169

170170
2.Run the application and you can see the ReportViewer on the page as displayed in the following screenshot.
171171

172-
![](Getting-Started_images/Getting-Started_img3.png)
172+
![AngularJS ReportViewer Load RDLC Reports](Getting-Started_images/Getting-Started_img3.png)
173173

174174
Area Chart RDLC Report
175175
{:.caption}

0 commit comments

Comments
 (0)