diff --git a/angularjs/Autocomplete/Getting-Started.md b/angularjs/Autocomplete/Getting-Started.md index 5e4c6936..cd3c68a8 100644 --- a/angularjs/Autocomplete/Getting-Started.md +++ b/angularjs/Autocomplete/Getting-Started.md @@ -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. @@ -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 @@ -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 @@ -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 @@ -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 @@ -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) diff --git a/angularjs/Grid/Filter.md b/angularjs/Grid/Filter.md index 995f179d..f7f2c151 100644 --- a/angularjs/Grid/Filter.md +++ b/angularjs/Grid/Filter.md @@ -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`. @@ -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 @@ -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 @@ -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: @@ -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 @@ -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 @@ -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 @@ -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: @@ -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 @@ -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 diff --git a/angularjs/RichTextEditor/Getting-Started.md b/angularjs/RichTextEditor/Getting-Started.md index e26349ac..c4321b07 100644 --- a/angularjs/RichTextEditor/Getting-Started.md +++ b/angularjs/RichTextEditor/Getting-Started.md @@ -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. @@ -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 @@ -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 @@ -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) \ No newline at end of file +![AngularJS RichTextEditor setting and getting content](Getting-Started_images/Getting-Started_img3.png) \ No newline at end of file diff --git a/angularjs/RichTextEditor/ImportAndExport.md b/angularjs/RichTextEditor/ImportAndExport.md index 08548631..9e331ddc 100644 --- a/angularjs/RichTextEditor/ImportAndExport.md +++ b/angularjs/RichTextEditor/ImportAndExport.md @@ -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`. @@ -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. @@ -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) diff --git a/angularjs/TreeView/Tree-Node.md b/angularjs/TreeView/Tree-Node.md index 52b3180b..36f8ad65 100644 --- a/angularjs/TreeView/Tree-Node.md +++ b/angularjs/TreeView/Tree-Node.md @@ -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.