Skip to content
16 changes: 8 additions & 8 deletions angularjs/Autocomplete/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting-Started with AngularJS Autocomplete Control | Syncfusion
description: Learn here about Getting Started with Syncfusion Essential AngularJS Autocomplete control, its elements, and more.
platform: AngularJS
control: Autocomplete
documentation: ug
---

# Getting Started
# Getting Started with AngularJS Autocomplete

The AutoComplete control is a textbox control that provides a list of suggestions based on your query. When you enter text into the text box, the control performs a search operation and provides a list of results. There are several filter types available to perform the search.

Expand Down Expand Up @@ -94,7 +94,7 @@ To render the ejAutocomplete using angular directive, we need to inject the ejan
{% endhighlight %}


![](Getting_Started_Images/autocomplete.png)
![Create HTML File in AngularJS Autocomplete](Getting_Started_Images/autocomplete.png)

## Model binding

Expand Down Expand Up @@ -142,7 +142,7 @@ Add in the $scope value as below.

{% endhighlight %}

![](Getting_Started_Images/modelbinding.png)
![Model Binding in AngularJS Autocomplete](Getting_Started_Images/modelbinding.png)


## Data binding
Expand Down Expand Up @@ -203,7 +203,7 @@ The data for the suggestion list can be populated using the dataSource property.
{% endhighlight %}
{% endtabs %}

![](Getting_Started_Images/databinding.png)
![Data Binding in AngularJS Autocomplete](Getting_Started_Images/databinding.png)

## Enable Popup Button

Expand Down Expand Up @@ -261,7 +261,7 @@ This button helps you to show all the available suggestions on clicking it.
{% endhighlight %}
{% endtabs %}

![](Getting_Started_Images/showpopup.png)
![Show PopUp in AngularJS Autocomplete](Getting_Started_Images/showpopup.png)

## Two Way Binding

Expand Down Expand Up @@ -326,4 +326,4 @@ We have a two way data binding when a model variable is bound to an element that

{% endtabs %}

![](Getting_Started_Images/twowaybinding.png)
![Two Way Binding in AngularJS Autocomplete](Getting_Started_Images/twowaybinding.png)
30 changes: 15 additions & 15 deletions angularjs/Grid/Filter.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Filtering with Grid widget for Syncfusion Essential AngularJS
description: How to enable filtering and its functionalities
title: Filtering in AngularJS Grid Control | Syncfusion
description: Learn here about Filter Support in Syncfusion Essential Studio AngularJS Grid control, its elements, and more.
platform: AngularJS
control: Grid
documentation: ug
---
# Filtering
# Filtering in Essential AngularJS Grid

Filtering helps to view particular or related records from dataSource that meets a given filtering criteria. To enable filter, set the `e-allowfiltering` to `true`.

Expand Down Expand Up @@ -55,7 +55,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img1.png)
![Filtering in AngularJS Grid](filtering_images/filtering_img1.png)


## Menu filter
Expand Down Expand Up @@ -97,19 +97,19 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img2.png)
![Numeric Filter in AngularJS Grid](filtering_images/filtering_img2.png)
{:caption}
Numeric Filter

![](filtering_images/filtering_img3.png)
![String Filter in AngularJS Grid](filtering_images/filtering_img3.png)
{:caption}
String Filter

![](filtering_images/filtering_img4.png)
![Date Filter in AngularJS Grid](filtering_images/filtering_img4.png)
{:caption}
Date Filter

![](filtering_images/filtering_img5.png)
![Boolean Filter in AngularJS Grid](filtering_images/filtering_img5.png)

Boolean Filter

Expand Down Expand Up @@ -143,7 +143,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img6.png)
![Excel Filter in AngularJS Grid](filtering_images/filtering_img6.png)


### Checkbox list generation:
Expand Down Expand Up @@ -181,7 +181,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img7.png)
![Checkbox List Generation in AngularJS Grid](filtering_images/filtering_img7.png)


### Add current selection to filter checkbox
Expand All @@ -190,7 +190,7 @@ When you filter the values multiple times on same column, then the previously fi

The following image describes the previous behavior:

![](filtering_images/filtering_img12.png)
![Add Current Selection in AngularJS Grid](filtering_images/filtering_img12.png)


### Case Sensitivity
Expand Down Expand Up @@ -223,7 +223,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img8.png)
![Case Sensitivity in AngularJS Grid](filtering_images/filtering_img8.png)


## Filter bar
Expand Down Expand Up @@ -396,7 +396,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img9.png)
![Filter Bar in AngularJS Grid](filtering_images/filtering_img9.png)


Filter bar modes:
Expand Down Expand Up @@ -439,7 +439,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img10.png)
![Filter Bar Message in AngularJS Grid](filtering_images/filtering_img10.png)


## Filter Operators
Expand Down Expand Up @@ -652,7 +652,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img11.png)
![Filter Bar Template in AngularJS Grid](filtering_images/filtering_img11.png)
{:caption}
After Filtering

14 changes: 8 additions & 6 deletions angularjs/RichTextEditor/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---
layout: post
title: Getting-Started | RichTextEditor | JavaScript | Syncfusion
description: getting started
title: Getting-Started | RichTextEditor | Angular | Syncfusion
description: Learn here all more about getting started legend support in Syncfusion AngularJS RichTextEditor control, its elements, and more.
platform: Angular
control: Chart
platform: AngularJS
control: RichTextEditor Control
documentation: ug
keywords: ejrte, rte, js rte
---

# Getting Started
# Getting Started with AngularJS RichTextEditor

This section helps to understand the getting started of RTE control with the step-by-step instruction.

Expand Down Expand Up @@ -72,7 +74,7 @@ To render the ejRTE using angular directive, we need to inject the ej angular di

The following screenshot displays a RTE widget.

![](/js/RichTextEditor/Getting-Started_images/Getting-Started_img1.png)
![AngularJS RichTextEditor create RTE control](Getting-Started_images/Getting-Started_img1.png)

## Toolbar–Configuration

Expand All @@ -98,7 +100,7 @@ You can configure a toolbar with the tools as your application requires.

The following screenshot displays a RTE widget.

![](/js/RichTextEditor/Getting-Started_images/Getting-Started_img2.png)
![AngularJS RichTextEditor toolbar configuration](Getting-Started_images/Getting-Started_img2.png)

## Setting and Getting Content

Expand All @@ -123,4 +125,4 @@ You can set the content of the editor as follows.

The following screenshot displays a RTE widget.

![](/js/RichTextEditor/Getting-Started_images/Getting-Started_img3.png)
![AngularJS RichTextEditor setting and getting content](Getting-Started_images/Getting-Started_img3.png)
14 changes: 7 additions & 7 deletions angularjs/RichTextEditor/ImportAndExport.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Import and Export in RichTextEditor widget
description: Import content from word document into the RichTextEditor and Export the RichTextEditor content into word or PDF document.
title: Import and Export in AngularJS RichTextEditor Control | Syncfusion
description: Learn here all about Import and Export support in Syncfusion Essential AngularJS RichTextEditor control, its elements, and more.
platform: AngularJS
control: RichTextEditor
documentation: ug
keywords: RichTextEditor, server side XHTML Validation, RTE import, RTE export, export to PDF, export to Word
---
# Import
# Import in AngularJS RichTextEditor

Import feature provides support to import a word document into the editor `textarea`. To enable import option in the RTE tool bar, `import` toolbar items needs to be added in RTE toolbar toolsList using `importExport` which adds the tool in the toolbar. In `importSettings` url option, the server page for import is needed to be mapped. When you click the toolbar import icon, it opens a dialog to browse the select a word file. The selected word file will be imported into the editor `textarea`.

Expand Down Expand Up @@ -116,9 +116,9 @@ Full list of assemblies needed for RTE Import are as follows
4. Syncfusion.Compression.Base
5. Syncfusion.DocIO.Base

![](ImportAndExport_images/import_images.png)
![Server dependencies in AngularJS RichTextEditor](ImportAndExport_images/import_images.png)

# Export
## Export

Export feature provides support to export editor `textarea` content into word and PDF files. To enable Export option in the RTE tool bar, `wordExport` , `pdfExport` toolbar items needs to be added in RTE toolbar toolsList using `importExport` which adds the tool in the toolbar. `exportToWordSettings` consists of url and fileName sub properties. In url property, the server page for export to word is needed to be mapped and In fileName property, the name for the exported word file is given. `exportToPdfSettings` consists of url and fileName sub properties. In url property, the server page for export to PDF is needed to be mapped and In fileName property, the name for the exported PDF file is given. When you click the toolbar pdfExport or wordExport icon, the contents of RTE are sent to the server. It performs XHTML Validation on the editor `textarea` content on the server. Once the XHTML validation and formatting is successful, it exports the content into a Word or PDF File.

Expand Down Expand Up @@ -217,7 +217,7 @@ Export Helper functions are available in the Assembly `Syncfusion.EJ.Export`, wh
6. Syncfusion.PDF.Base

### Word Export
![](ImportAndExport_images/export_word_images.png)
![Word export in AngularJS RichTextEditor](ImportAndExport_images/export_word_images.png)

### PDF Export
![](ImportAndExport_images/export_pdf_images.png)
![PDF export in AngularJS RichTextEditor](ImportAndExport_images/export_pdf_images.png)
8 changes: 4 additions & 4 deletions angularjs/TreeView/Tree-Node.md
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
layout: post
title: Tree-Node
description: tree node
title: Tree Node in AngularJS TreeView Control | Syncfusion
description: Learn here all about Tree Node support in Syncfusion Essential AngularJS TreeView control, its elements, and more.
platform: AngularJS
control: TreeView
documentation: ug
---


# Tree Node
# Tree Node in AngularJS TreeView

TreeView node is structured with expand/collapse arrow, checkbox, image and text as shown in below.

![](Tree-Node_images/Tree-Node_img1.png)
![Tree Node in AngularJS TreeView](Tree-Node_images/Tree-Node_img1.png)


Also TreeView node object holds the following properties.
Expand Down