From f965fca557434475442fb7c5edff941a00078787 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Mon, 19 Dec 2022 14:56:24 +0300 Subject: [PATCH 1/3] images renamed --- angularjs/Autocomplete/Getting-Started.md | 16 ++++++------ angularjs/Autocomplete/multiple-columns.md | 8 +++--- angularjs/Autocomplete/template-support.md | 8 +++--- angularjs/Grid/Filter.md | 30 +++++++++++----------- 4 files changed, 31 insertions(+), 31 deletions(-) diff --git a/angularjs/Autocomplete/Getting-Started.md b/angularjs/Autocomplete/Getting-Started.md index 5e4c6936..e04e984c 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/Autocomplete/multiple-columns.md b/angularjs/Autocomplete/multiple-columns.md index 99c0634e..cf5b4cf9 100644 --- a/angularjs/Autocomplete/multiple-columns.md +++ b/angularjs/Autocomplete/multiple-columns.md @@ -1,13 +1,13 @@ --- layout: post -title: multiple-columns -description: multiple columns +title: Multiple Columns in AngularJS AutoComplete Control | Syncfusion +description: Learn here about Multiple Columns support in Syncfusion Essential AngularJS AutoComplete Control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug --- -## Multiple Columns +## Multiple Columns in Essential AngularJS AutoComplete The Autocomplete allows list of data to be displayed in several columns and column collection can be defined and customized through the [e-multicolumnsettings ](http://help.syncfusion.com/api/js/ejautocomplete)property. @@ -145,7 +145,7 @@ columns: [ Run the above code to render the following output. -![](multiple-columns_images\multiple-columns_img1.png) +![Multiple Columns in AngularJS AutoComplete](multiple-columns_images\multiple-columns_img1.png) diff --git a/angularjs/Autocomplete/template-support.md b/angularjs/Autocomplete/template-support.md index 70268580..55e44eaf 100644 --- a/angularjs/Autocomplete/template-support.md +++ b/angularjs/Autocomplete/template-support.md @@ -1,13 +1,13 @@ --- layout: post -title: template-support -description: template support +title: Template Support in AngularJS AutoComplete Control | Syncfusion +description: Learn here about Template support in Syncfusion Essential AngularJS AutoComplete Control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug --- -## Template Support +## Template Support in Essential AngularJS AutoComplete The suggestion list can be customized based on different needs using templates. The desired templates can be defined using the “e-template” property. @@ -39,5 +39,5 @@ The suggestion list can be customized based on different needs using templates. Run the above code to render the following output. -![](template-support_images\template-support_img1.png) +![Template Support in AngularJS AutoComplete](template-support_images\template-support_img1.png) diff --git a/angularjs/Grid/Filter.md b/angularjs/Grid/Filter.md index 995f179d..19520795 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 From bb6e819089acc2c8659a3b3ae69741c345769e1c Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Mon, 19 Dec 2022 15:02:37 +0300 Subject: [PATCH 2/3] H1 added --- angularjs/Autocomplete/multiple-columns.md | 2 +- angularjs/Autocomplete/template-support.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/angularjs/Autocomplete/multiple-columns.md b/angularjs/Autocomplete/multiple-columns.md index cf5b4cf9..bec5c9c0 100644 --- a/angularjs/Autocomplete/multiple-columns.md +++ b/angularjs/Autocomplete/multiple-columns.md @@ -7,7 +7,7 @@ control: Autocomplete documentation: ug --- -## Multiple Columns in Essential AngularJS AutoComplete +# Multiple Columns in Essential AngularJS AutoComplete The Autocomplete allows list of data to be displayed in several columns and column collection can be defined and customized through the [e-multicolumnsettings ](http://help.syncfusion.com/api/js/ejautocomplete)property. diff --git a/angularjs/Autocomplete/template-support.md b/angularjs/Autocomplete/template-support.md index 55e44eaf..06a08a11 100644 --- a/angularjs/Autocomplete/template-support.md +++ b/angularjs/Autocomplete/template-support.md @@ -7,7 +7,7 @@ control: Autocomplete documentation: ug --- -## Template Support in Essential AngularJS AutoComplete +# Template Support in Essential AngularJS AutoComplete The suggestion list can be customized based on different needs using templates. The desired templates can be defined using the “e-template” property. From 1db6009f981f517e8b5b707b906712fc08c9f387 Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Mon, 19 Dec 2022 18:42:27 +0300 Subject: [PATCH 3/3] description renamed --- angularjs/Autocomplete/Getting-Started.md | 2 +- angularjs/Autocomplete/multiple-columns.md | 2 +- angularjs/Autocomplete/template-support.md | 2 +- angularjs/Grid/Filter.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/angularjs/Autocomplete/Getting-Started.md b/angularjs/Autocomplete/Getting-Started.md index e04e984c..cd3c68a8 100644 --- a/angularjs/Autocomplete/Getting-Started.md +++ b/angularjs/Autocomplete/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting-Started with AngularJS Autocomplete Control | Syncfusion -description: Learn here about Getting Started with Syncfusion Essential AngularJS Autocomplete Control, its elements, and more. +description: Learn here about Getting Started with Syncfusion Essential AngularJS Autocomplete control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug diff --git a/angularjs/Autocomplete/multiple-columns.md b/angularjs/Autocomplete/multiple-columns.md index bec5c9c0..cd5e9b03 100644 --- a/angularjs/Autocomplete/multiple-columns.md +++ b/angularjs/Autocomplete/multiple-columns.md @@ -1,7 +1,7 @@ --- layout: post title: Multiple Columns in AngularJS AutoComplete Control | Syncfusion -description: Learn here about Multiple Columns support in Syncfusion Essential AngularJS AutoComplete Control, its elements, and more. +description: Learn here about Multiple Columns support in Syncfusion Essential AngularJS AutoComplete control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug diff --git a/angularjs/Autocomplete/template-support.md b/angularjs/Autocomplete/template-support.md index 06a08a11..dab730a6 100644 --- a/angularjs/Autocomplete/template-support.md +++ b/angularjs/Autocomplete/template-support.md @@ -1,7 +1,7 @@ --- layout: post title: Template Support in AngularJS AutoComplete Control | Syncfusion -description: Learn here about Template support in Syncfusion Essential AngularJS AutoComplete Control, its elements, and more. +description: Learn here about Template support in Syncfusion Essential AngularJS AutoComplete control, its elements, and more. platform: AngularJS control: Autocomplete documentation: ug diff --git a/angularjs/Grid/Filter.md b/angularjs/Grid/Filter.md index 19520795..f7f2c151 100644 --- a/angularjs/Grid/Filter.md +++ b/angularjs/Grid/Filter.md @@ -1,7 +1,7 @@ --- layout: post title: Filtering in AngularJS Grid Control | Syncfusion -description: Learn here about Filter Support in Syncfusion Essential Studio AngularJS Grid Control, its elements, and more. +description: Learn here about Filter Support in Syncfusion Essential Studio AngularJS Grid control, its elements, and more. platform: AngularJS control: Grid documentation: ug