From 56bb6210676b5ce9010035ad6708a854d656fbde Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Mon, 25 Sep 2023 16:14:42 +0300 Subject: [PATCH 1/4] SEO-176113-Image-Alt-Text-Angular --- ...g-started-with-angular-quick-start-webpack.md | 8 ++++---- ...ing-started-with-visual-studio-environment.md | 16 ++++++++-------- angular/RichTextEditor/Working-with-Tables.md | 16 ++++++++-------- angular/Slider/Getting-Started.md | 10 +++++----- angular/Tooltip/Getting-Started.md | 10 +++++----- angular/TreeView/Getting-Started.md | 12 ++++++------ 6 files changed, 36 insertions(+), 36 deletions(-) diff --git a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md index c3ff352c..5fe388bb 100644 --- a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md +++ b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md @@ -1,7 +1,7 @@ --- layout: post title: Integration of Syncfusion Angular components into Angular Quick Start - Webpack -description: Overview of Syncfusion Essential Angular. +description: Learn here about Overview in Syncfusion Essential Angular Control, its elements, and more. platform: Angular control: Introduction documentation: ug @@ -391,7 +391,7 @@ npm start N> If you get the following error, you need to refer the corresponding image type `cur` in `config/webpack.common.js` file. -![](/angular/GettingStarted/Images/cssloader.png) +![Run Application error in Angular](/angular/GettingStarted/Images/cssloader.png) * Refer the below code snippet to refer the image type `cur`. {% highlight javascript %} @@ -433,7 +433,7 @@ module.exports = { N>If you get typescript error like in the below image, then we should include the typings dependencies `node and jasmine` in `src/tsconfig.json` file. -![](/angular/GettingStarted/Images/typingsissue.png) +![Transcripted Error in Angular](/angular/GettingStarted/Images/typingsissue.png) {% highlight javascript %} @@ -460,4 +460,4 @@ N>If you get typescript error like in the below image, then we should include th {% endhighlight %} -![](/angular/GettingStarted/Images/webpackoutput.png) +![Run the Application in Angular](/angular/GettingStarted/Images/webpackoutput.png) diff --git a/angular/GettingStarted/getting-started-with-visual-studio-environment.md b/angular/GettingStarted/getting-started-with-visual-studio-environment.md index f768efdb..623c23a9 100644 --- a/angular/GettingStarted/getting-started-with-visual-studio-environment.md +++ b/angular/GettingStarted/getting-started-with-visual-studio-environment.md @@ -1,7 +1,7 @@ --- layout: post title: Getting Started with Angular on ASP.NET Core using Visual Studio 2015 -description: Overview of Syncfusion Essential Angular +description: Learn here about overview in Syncfusion Essential Angular Control, its elements, and more. platform: Angular control: Introduction documentation: ug @@ -34,7 +34,7 @@ ASP.NET Core is a cross-platform framework for building applications such as web * Create a new ASP.NET Core project in VS2015 and select Empty as template. -![](/angular/GettingStarted/Images/createapp.png) +![Create Empty Application in Angular](/angular/GettingStarted/Images/createapp.png) ## Configuration of Angular application @@ -111,10 +111,10 @@ Refer the below code snippet for packages used in our application. {% endhighlight %} -![](/angular/GettingStarted/Images/restore.png) +![Configuration of Angular application](/angular/GettingStarted/Images/restore.png) -![](/angular/GettingStarted/Images/npmpackages.png) +![NPM Configuration file in Angular](/angular/GettingStarted/Images/npmpackages.png) N> If the packages are not installed properly try the below steps in the sample's root folder. @@ -122,7 +122,7 @@ N> If the packages are not installed properly try the below steps in the sample' * npm install * Refer the below screenshot to check whether the `External Web Tools` are arranged in that specified order in Visual Studio 2015 (`Tools->options->Projects and Solutions->External Web Tools`) -![](/angular/GettingStarted/Images/path.png) +![External Web Tools in Angular](/angular/GettingStarted/Images/path.png) * Copy the `src` folder in `Solution Explorer` from our [systemJS cloned seed](https://github.com/syncfusion/angular2-seeds/tree/systemjs) application. The cloned Angular-seed consists of following files. @@ -289,12 +289,12 @@ gulp.task('default', ['watch', 'ts', 'copy:lib', 'copy:systemjs', 'copy:html', ' {% endhighlight %} Once, you are finished with adding all Angular application files, you need to run the every gulp tasks via `View->Other Windows->Task Runner Explorer`. -![](/angular/GettingStarted/Images/gulptask.png) +![Task Runner Explorer in Angular](/angular/GettingStarted/Images/gulptask.png) N> If we run our application, we will get a following typescript error while building the application. Because the Gulp task `ts` will do the same work of typescript compiler. -![](/angular/GettingStarted/Images/tscerror.png) +![Typescript Error in Angular](/angular/GettingStarted/Images/tscerror.png) So, we should disable the typescript compiler in our Angular environment. @@ -808,4 +808,4 @@ gulp.task('default', ['watch', 'ts', 'copy:lib', 'copy:systemjs', 'copy:html', ' * To run the application, press `Ctrl+F5`. -![](/angular/GettingStarted/Images/output.png) +![Run the Application in Angular](/angular/GettingStarted/Images/output.png) diff --git a/angular/RichTextEditor/Working-with-Tables.md b/angular/RichTextEditor/Working-with-Tables.md index c05a8551..3f4067fd 100644 --- a/angular/RichTextEditor/Working-with-Tables.md +++ b/angular/RichTextEditor/Working-with-Tables.md @@ -1,12 +1,12 @@ --- layout: post -title: Working with Tables opreation -description: Working with Tables customization +title: Working with Tables | Angular RichTextEditor | Syncfusion +description: Learn here about Working with Tables in Syncfusion Essential Angular RichTextEditor Control, its elements, and more. platform: Angular control: RichTextEditor documentation: ug --- -# Working with Tables +# Working with Tables in Angular RichTextEditor The editor provides tools that make to work with tables in your content. You can add, edit, and remove the table as well as perform other table related tasks. @@ -50,7 +50,7 @@ export class RTEComponent { You can insert a basic table by selecting the “Insert Table” tool from toolbar and drag the cursor over the grid until you highlight the number of columns and rows you want. A table can be inserted as large as with ten columns and eight rows (10 * 8 cells). When you finish inserting tables, click in a cell and start typing or insert an image. -![](WorkingwithTables_images/WorkingwithTables_img1.png) +![Insert a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img1.png) N> If you want to make any adjustment with drawn table, you can [add/remove rows and columns](#insert-and-delete-a-row-or-column). @@ -59,7 +59,7 @@ N> If you want to make any adjustment with drawn table, you can [add/remove rows You can use custom table tools to insert tables with custom behaviors. You can create a table with more than ten columns and eight rows, as well as set the table related attributes (such as width, height, cell spacing/padding, and more) using the custom table dialog. -![](WorkingwithTables_images/WorkingwithTables_img2.png) +![Custom Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img2.png) ## Insert and Delete a Row or Column @@ -73,7 +73,7 @@ You can choose the following options to modify the inserted table from the toolb * Delete a column * Delete a row -![](WorkingwithTables_images/WorkingwithTables_img3.png) +![Insert and Delete a Row or Column in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img3.png) N> You can also quickly add a new row by clicking on the lower-right cell of the table and pressing the Tab key. @@ -86,7 +86,7 @@ After you create a table, you can format the entire table by using **Table** **P * Cell - border, spacing, and padding. * Row - height, border, and text align. -![](WorkingwithTables_images/WorkingwithTables_img4.png) +![Format a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img4.png) N> When you click in a table cell, the **Table** **Properties** option will be enabled under **Table** tool on the editor’s toolbar. @@ -95,7 +95,7 @@ N> When you click in a table cell, the **Table** **Properties** option will be e To delete a table from your content, focus on the table and select “Delete a Table” tool from toolbar. It will delete the entire table with all formatting content. -![](WorkingwithTables_images/WorkingwithTables_img9.png) +![Delete a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img9.png) N> To delete the table contents alone, select the required content of the table which you want to delete and press Delete key. All the content disappears but the rows and columns remain along with its formatting. \ No newline at end of file diff --git a/angular/Slider/Getting-Started.md b/angular/Slider/Getting-Started.md index f03d37ce..3244ba44 100644 --- a/angular/Slider/Getting-Started.md +++ b/angular/Slider/Getting-Started.md @@ -1,13 +1,13 @@ --- -title: Getting Started for Angular Slider -description: Getting Started for Angular Slider +title: Getting Started for Angular Slider | Syncfusion +description: Learn here about getting started with Angular Slider in Syncfusion Essential Angular Slider Control, its elements, and more. platform: Angular control: Slider documentation: Ug keywords: ejslider, js slider, slider --- -# Getting Started +# Getting Started with Angular Slider This section explains briefly about how to create a **Slider** control in your application with **Angular**. @@ -125,7 +125,7 @@ npm start N> if you want to use other port, open `package.json` file, then change port in `--port 3000` script and also change the port in `config/webpack.dev.js`. -![](Getting-Started_images/Getting-Started_img1.jpg) +![Running the Web Pack application in Angular Slider](Getting-Started_images/Getting-Started_img1.jpg) ## Create Slider in Angular Application using SystemJS @@ -239,5 +239,5 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to Slider 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. -![](Getting-Started_images/Getting-Started_img1.jpg) +![Running the SystemJS application in angular Slider](Getting-Started_images/Getting-Started_img1.jpg) diff --git a/angular/Tooltip/Getting-Started.md b/angular/Tooltip/Getting-Started.md index 73aa3731..3043b455 100644 --- a/angular/Tooltip/Getting-Started.md +++ b/angular/Tooltip/Getting-Started.md @@ -1,13 +1,13 @@ --- layout: post -title: Getting started for Angular Tooltip -description: How to create the Tooltip in Angular +title: Getting started for Angular Tooltip | Syncfusion +description: Learn here about how to create the Tooltip in Angular in Syncfusion Essential Angular Tooltip Control, its elements, and more. platform: Angular control: Tooltip documentation: ug keywords : ejTooltip, Tooltip, js Tooltip, Tooltip widget --- -# Getting started +# Getting started with Angular Tooltip ## Preparing HTML document @@ -125,7 +125,7 @@ Apply the following style sheet {% endhighlight %} -![](Getteing-Started_images/Getteing-Started_img1.jpeg) +![Create a Tooltip in Angular](Getteing-Started_images/Getteing-Started_img1.jpeg) ## Setting Dimensions @@ -203,5 +203,5 @@ Apply the following styles to show the Tooltip. {% endhighlight %} -![](Getteing-Started_images/Getteing-Started_img2.jpeg) +![ooltip Appearance in Angular](Getteing-Started_images/Getteing-Started_img2.jpeg) diff --git a/angular/TreeView/Getting-Started.md b/angular/TreeView/Getting-Started.md index daadce5b..bd03be2c 100644 --- a/angular/TreeView/Getting-Started.md +++ b/angular/TreeView/Getting-Started.md @@ -1,13 +1,13 @@ --- -title: Getting Started for Angular TreeView -description: Getting Started for Angular TreeView +title: Getting Started for Angular TreeView | Syncfusion +description: Learn here about getting started for Angular TreeView in Syncfusion Essential Angular Treeview Control, its elements, and more. platform: Angular control: TreeView documentation: Ug keywords: ejtreeview, js treeview, treeview --- -# Getting Started +# Getting Started with Angular TreeView This section explains briefly about how to create a **TreeView** control in your application with **Angular**. @@ -184,7 +184,7 @@ npm start N> if you want to use other port, open `package.json` file, then change port in `--port 3000` script and also change the port in `config/webpack.dev.js`. -![](Getting-Started_images/Getting-Started_img1.jpeg) +![Running the Web pack application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) ## Create TreeView in Angular Application using SystemJS @@ -357,5 +357,5 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to TreeView 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. -![](Getting-Started_images/Getting-Started_img1.jpeg) - +![Running the SystemJS application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) + \ No newline at end of file From f46c794a21e23525d4afeabc266ee9d6a2e90d70 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Wed, 27 Sep 2023 08:33:49 +0300 Subject: [PATCH 2/4] Updated --- angular/RichTextEditor/Working-with-Tables.md | 2 +- angular/Slider/Getting-Started.md | 2 +- angular/Tooltip/Getting-Started.md | 6 +++--- angular/TreeView/Getting-Started.md | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/angular/RichTextEditor/Working-with-Tables.md b/angular/RichTextEditor/Working-with-Tables.md index 3f4067fd..be1eabda 100644 --- a/angular/RichTextEditor/Working-with-Tables.md +++ b/angular/RichTextEditor/Working-with-Tables.md @@ -1,6 +1,6 @@ --- layout: post -title: Working with Tables | Angular RichTextEditor | Syncfusion +title: Working with Tables in Angular RichTextEditor | Syncfusion description: Learn here about Working with Tables in Syncfusion Essential Angular RichTextEditor Control, its elements, and more. platform: Angular control: RichTextEditor diff --git a/angular/Slider/Getting-Started.md b/angular/Slider/Getting-Started.md index 3244ba44..595863a0 100644 --- a/angular/Slider/Getting-Started.md +++ b/angular/Slider/Getting-Started.md @@ -1,5 +1,5 @@ --- -title: Getting Started for Angular Slider | Syncfusion +title: Getting Started with Angular Slider | Syncfusion description: Learn here about getting started with Angular Slider in Syncfusion Essential Angular Slider Control, its elements, and more. platform: Angular control: Slider diff --git a/angular/Tooltip/Getting-Started.md b/angular/Tooltip/Getting-Started.md index 3043b455..bad6e692 100644 --- a/angular/Tooltip/Getting-Started.md +++ b/angular/Tooltip/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started for Angular Tooltip | Syncfusion -description: Learn here about how to create the Tooltip in Angular in Syncfusion Essential Angular Tooltip Control, its elements, and more. +title: Getting started with Angular Tooltip | Syncfusion +description: Learn here about getting started with Angular Tooltip in Syncfusion Essential Angular Tooltip Control, its elements, and more. platform: Angular control: Tooltip documentation: ug @@ -203,5 +203,5 @@ Apply the following styles to show the Tooltip. {% endhighlight %} -![ooltip Appearance in Angular](Getteing-Started_images/Getteing-Started_img2.jpeg) +![Tooltip Appearance in Angular](Getteing-Started_images/Getteing-Started_img2.jpeg) diff --git a/angular/TreeView/Getting-Started.md b/angular/TreeView/Getting-Started.md index bd03be2c..aaed92d6 100644 --- a/angular/TreeView/Getting-Started.md +++ b/angular/TreeView/Getting-Started.md @@ -1,6 +1,6 @@ --- -title: Getting Started for Angular TreeView | Syncfusion -description: Learn here about getting started for Angular TreeView in Syncfusion Essential Angular Treeview Control, its elements, and more. +title: Getting Started with Angular TreeView | Syncfusion +description: Learn here about getting started with Angular TreeView in Syncfusion Essential Angular Treeview Control, its elements, and more. platform: Angular control: TreeView documentation: Ug From 29913fa6edc60b92617cfaf93b0c95c442d73960 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Thu, 28 Sep 2023 11:49:57 +0300 Subject: [PATCH 3/4] Updated --- ...started-with-angular-quick-start-webpack.md | 10 +++++----- ...g-started-with-visual-studio-environment.md | 18 +++++++++--------- angular/RichTextEditor/Working-with-Tables.md | 12 ++++++------ angular/Slider/Getting-Started.md | 6 +++--- angular/Tooltip/Getting-Started.md | 6 +++--- angular/TreeView/Getting-Started.md | 6 +++--- 6 files changed, 29 insertions(+), 29 deletions(-) diff --git a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md index 5fe388bb..437a709d 100644 --- a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md +++ b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md @@ -1,14 +1,14 @@ --- layout: post -title: Integration of Syncfusion Angular components into Angular Quick Start - Webpack -description: Learn here about Overview in Syncfusion Essential Angular Control, its elements, and more. +title: Getting started with Angular Platform | Syncfusion +description: Learn here about Overview of Syncfusion Essential Angular Platform, its elements, and more. platform: Angular control: Introduction documentation: ug --- -# Getting started with Angular Quick Start - Webpack +# Getting started with Angular Webpack is a popular module bundler, a tool for bundling application source code in convenient chunks and for loading that code from a server into a browser @@ -391,7 +391,7 @@ npm start N> If you get the following error, you need to refer the corresponding image type `cur` in `config/webpack.common.js` file. -![Run Application error in Angular](/angular/GettingStarted/Images/cssloader.png) +![Run application error in Angular](/angular/GettingStarted/Images/cssloader.png) * Refer the below code snippet to refer the image type `cur`. {% highlight javascript %} @@ -460,4 +460,4 @@ N>If you get typescript error like in the below image, then we should include th {% endhighlight %} -![Run the Application in Angular](/angular/GettingStarted/Images/webpackoutput.png) +![Run the application in Angular](/angular/GettingStarted/Images/webpackoutput.png) diff --git a/angular/GettingStarted/getting-started-with-visual-studio-environment.md b/angular/GettingStarted/getting-started-with-visual-studio-environment.md index 623c23a9..4830221d 100644 --- a/angular/GettingStarted/getting-started-with-visual-studio-environment.md +++ b/angular/GettingStarted/getting-started-with-visual-studio-environment.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting Started with Angular on ASP.NET Core using Visual Studio 2015 -description: Learn here about overview in Syncfusion Essential Angular Control, its elements, and more. +title: Getting Started with Angular Platform using VS 2015 | syncfusion +description: Learn here about getting started with Angular in Syncfusion Essential Angular Control, its elements, and more. platform: Angular control: Introduction documentation: ug --- -# Getting Started with Angular on ASP.NET Core using Visual Studio 2015 +# Getting Started with Angular using Visual Studio 2015 ASP.NET Core is a cross-platform framework for building applications such as web apps. Now, we are going to discuss about how to create a angular application in ASP.NET Core Environment in detailed. @@ -34,7 +34,7 @@ ASP.NET Core is a cross-platform framework for building applications such as web * Create a new ASP.NET Core project in VS2015 and select Empty as template. -![Create Empty Application in Angular](/angular/GettingStarted/Images/createapp.png) +![Create empty application in Angular](/angular/GettingStarted/Images/createapp.png) ## Configuration of Angular application @@ -114,7 +114,7 @@ Refer the below code snippet for packages used in our application. ![Configuration of Angular application](/angular/GettingStarted/Images/restore.png) -![NPM Configuration file in Angular](/angular/GettingStarted/Images/npmpackages.png) +![NPM configuration file in Angular](/angular/GettingStarted/Images/npmpackages.png) N> If the packages are not installed properly try the below steps in the sample's root folder. @@ -122,7 +122,7 @@ N> If the packages are not installed properly try the below steps in the sample' * npm install * Refer the below screenshot to check whether the `External Web Tools` are arranged in that specified order in Visual Studio 2015 (`Tools->options->Projects and Solutions->External Web Tools`) -![External Web Tools in Angular](/angular/GettingStarted/Images/path.png) +![External web tools in Angular](/angular/GettingStarted/Images/path.png) * Copy the `src` folder in `Solution Explorer` from our [systemJS cloned seed](https://github.com/syncfusion/angular2-seeds/tree/systemjs) application. The cloned Angular-seed consists of following files. @@ -289,12 +289,12 @@ gulp.task('default', ['watch', 'ts', 'copy:lib', 'copy:systemjs', 'copy:html', ' {% endhighlight %} Once, you are finished with adding all Angular application files, you need to run the every gulp tasks via `View->Other Windows->Task Runner Explorer`. -![Task Runner Explorer in Angular](/angular/GettingStarted/Images/gulptask.png) +![Task runner explorer in Angular](/angular/GettingStarted/Images/gulptask.png) N> If we run our application, we will get a following typescript error while building the application. Because the Gulp task `ts` will do the same work of typescript compiler. -![Typescript Error in Angular](/angular/GettingStarted/Images/tscerror.png) +![Typescript error in Angular](/angular/GettingStarted/Images/tscerror.png) So, we should disable the typescript compiler in our Angular environment. @@ -808,4 +808,4 @@ gulp.task('default', ['watch', 'ts', 'copy:lib', 'copy:systemjs', 'copy:html', ' * To run the application, press `Ctrl+F5`. -![Run the Application in Angular](/angular/GettingStarted/Images/output.png) +![Run the application in Angular](/angular/GettingStarted/Images/output.png) diff --git a/angular/RichTextEditor/Working-with-Tables.md b/angular/RichTextEditor/Working-with-Tables.md index be1eabda..fba0b2dd 100644 --- a/angular/RichTextEditor/Working-with-Tables.md +++ b/angular/RichTextEditor/Working-with-Tables.md @@ -1,6 +1,6 @@ --- layout: post -title: Working with Tables in Angular RichTextEditor | Syncfusion +title: Working with Tables in Angular RichTextEditor Control | Syncfusion description: Learn here about Working with Tables in Syncfusion Essential Angular RichTextEditor Control, its elements, and more. platform: Angular control: RichTextEditor @@ -50,7 +50,7 @@ export class RTEComponent { You can insert a basic table by selecting the “Insert Table” tool from toolbar and drag the cursor over the grid until you highlight the number of columns and rows you want. A table can be inserted as large as with ten columns and eight rows (10 * 8 cells). When you finish inserting tables, click in a cell and start typing or insert an image. -![Insert a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img1.png) +![Insert a table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img1.png) N> If you want to make any adjustment with drawn table, you can [add/remove rows and columns](#insert-and-delete-a-row-or-column). @@ -59,7 +59,7 @@ N> If you want to make any adjustment with drawn table, you can [add/remove rows You can use custom table tools to insert tables with custom behaviors. You can create a table with more than ten columns and eight rows, as well as set the table related attributes (such as width, height, cell spacing/padding, and more) using the custom table dialog. -![Custom Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img2.png) +![Custom table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img2.png) ## Insert and Delete a Row or Column @@ -73,7 +73,7 @@ You can choose the following options to modify the inserted table from the toolb * Delete a column * Delete a row -![Insert and Delete a Row or Column in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img3.png) +![Insert and delete a row or column in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img3.png) N> You can also quickly add a new row by clicking on the lower-right cell of the table and pressing the Tab key. @@ -86,7 +86,7 @@ After you create a table, you can format the entire table by using **Table** **P * Cell - border, spacing, and padding. * Row - height, border, and text align. -![Format a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img4.png) +![Format a table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img4.png) N> When you click in a table cell, the **Table** **Properties** option will be enabled under **Table** tool on the editor’s toolbar. @@ -95,7 +95,7 @@ N> When you click in a table cell, the **Table** **Properties** option will be e To delete a table from your content, focus on the table and select “Delete a Table” tool from toolbar. It will delete the entire table with all formatting content. -![Delete a Table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img9.png) +![Delete a table in Angular RichTextEditor](WorkingwithTables_images/WorkingwithTables_img9.png) N> To delete the table contents alone, select the required content of the table which you want to delete and press Delete key. All the content disappears but the rows and columns remain along with its formatting. \ No newline at end of file diff --git a/angular/Slider/Getting-Started.md b/angular/Slider/Getting-Started.md index 595863a0..56f09784 100644 --- a/angular/Slider/Getting-Started.md +++ b/angular/Slider/Getting-Started.md @@ -1,5 +1,5 @@ --- -title: Getting Started with Angular Slider | Syncfusion +title: Getting Started with Angular Slider Control | Syncfusion description: Learn here about getting started with Angular Slider in Syncfusion Essential Angular Slider Control, its elements, and more. platform: Angular control: Slider @@ -125,7 +125,7 @@ npm start N> if you want to use other port, open `package.json` file, then change port in `--port 3000` script and also change the port in `config/webpack.dev.js`. -![Running the Web Pack application in Angular Slider](Getting-Started_images/Getting-Started_img1.jpg) +![Running the web pack application in Angular Slider](Getting-Started_images/Getting-Started_img1.jpg) ## Create Slider in Angular Application using SystemJS @@ -239,5 +239,5 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to Slider 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. -![Running the SystemJS application in angular Slider](Getting-Started_images/Getting-Started_img1.jpg) +![Running the systemJS application in angular Slider](Getting-Started_images/Getting-Started_img1.jpg) diff --git a/angular/Tooltip/Getting-Started.md b/angular/Tooltip/Getting-Started.md index bad6e692..4a995cc0 100644 --- a/angular/Tooltip/Getting-Started.md +++ b/angular/Tooltip/Getting-Started.md @@ -1,6 +1,6 @@ --- layout: post -title: Getting started with Angular Tooltip | Syncfusion +title: Getting started with Angular Tooltip Control | Syncfusion description: Learn here about getting started with Angular Tooltip in Syncfusion Essential Angular Tooltip Control, its elements, and more. platform: Angular control: Tooltip @@ -125,7 +125,7 @@ Apply the following style sheet {% endhighlight %} -![Create a Tooltip in Angular](Getteing-Started_images/Getteing-Started_img1.jpeg) +![Create a tooltip in Angular](Getteing-Started_images/Getteing-Started_img1.jpeg) ## Setting Dimensions @@ -203,5 +203,5 @@ Apply the following styles to show the Tooltip. {% endhighlight %} -![Tooltip Appearance in Angular](Getteing-Started_images/Getteing-Started_img2.jpeg) +![Tooltip appearance in Angular](Getteing-Started_images/Getteing-Started_img2.jpeg) diff --git a/angular/TreeView/Getting-Started.md b/angular/TreeView/Getting-Started.md index aaed92d6..d1047aa4 100644 --- a/angular/TreeView/Getting-Started.md +++ b/angular/TreeView/Getting-Started.md @@ -1,5 +1,5 @@ --- -title: Getting Started with Angular TreeView | Syncfusion +title: Getting Started with Angular TreeView Control | Syncfusion description: Learn here about getting started with Angular TreeView in Syncfusion Essential Angular Treeview Control, its elements, and more. platform: Angular control: TreeView @@ -184,7 +184,7 @@ npm start N> if you want to use other port, open `package.json` file, then change port in `--port 3000` script and also change the port in `config/webpack.dev.js`. -![Running the Web pack application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) +![Running the web pack application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) ## Create TreeView in Angular Application using SystemJS @@ -357,5 +357,5 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to TreeView 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. -![Running the SystemJS application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) +![Running the systemJS application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) \ No newline at end of file From 4f2ff10a32ed59dc221590a4d3526dcbd8102949 Mon Sep 17 00:00:00 2001 From: berylouma <99009823+berylouma@users.noreply.github.com> Date: Tue, 3 Oct 2023 11:40:54 +0300 Subject: [PATCH 4/4] Updated --- .../getting-started-with-angular-quick-start-webpack.md | 6 +++--- angular/Slider/Getting-Started.md | 2 +- angular/Tooltip/Getting-Started.md | 2 +- angular/TreeView/Getting-Started.md | 5 ++--- 4 files changed, 7 insertions(+), 8 deletions(-) diff --git a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md index 437a709d..7a8cfb0c 100644 --- a/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md +++ b/angular/GettingStarted/getting-started-with-angular-quick-start-webpack.md @@ -1,14 +1,14 @@ --- layout: post -title: Getting started with Angular Platform | Syncfusion -description: Learn here about Overview of Syncfusion Essential Angular Platform, its elements, and more. +title: Getting Started with Angular Quick Start - Webpack | Syncfusion +description: Learn here about getting started with Syncfusion Essential Angular Platform, its elements, and more. platform: Angular control: Introduction documentation: ug --- -# Getting started with Angular +# Getting started with Angular Quick Start - Webpack Webpack is a popular module bundler, a tool for bundling application source code in convenient chunks and for loading that code from a server into a browser diff --git a/angular/Slider/Getting-Started.md b/angular/Slider/Getting-Started.md index 56f09784..f577b32d 100644 --- a/angular/Slider/Getting-Started.md +++ b/angular/Slider/Getting-Started.md @@ -1,6 +1,6 @@ --- title: Getting Started with Angular Slider Control | Syncfusion -description: Learn here about getting started with Angular Slider in Syncfusion Essential Angular Slider Control, its elements, and more. +description: Learn here about getting started with Syncfusion Essential Angular Slider Control, its elements, and more. platform: Angular control: Slider documentation: Ug diff --git a/angular/Tooltip/Getting-Started.md b/angular/Tooltip/Getting-Started.md index 4a995cc0..4ffd5a74 100644 --- a/angular/Tooltip/Getting-Started.md +++ b/angular/Tooltip/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post title: Getting started with Angular Tooltip Control | Syncfusion -description: Learn here about getting started with Angular Tooltip in Syncfusion Essential Angular Tooltip Control, its elements, and more. +description: Learn here about getting started with Syncfusion Essential Angular Tooltip Control, its elements, and more. platform: Angular control: Tooltip documentation: ug diff --git a/angular/TreeView/Getting-Started.md b/angular/TreeView/Getting-Started.md index d1047aa4..cc6a67f1 100644 --- a/angular/TreeView/Getting-Started.md +++ b/angular/TreeView/Getting-Started.md @@ -1,6 +1,6 @@ --- title: Getting Started with Angular TreeView Control | Syncfusion -description: Learn here about getting started with Angular TreeView in Syncfusion Essential Angular Treeview Control, its elements, and more. +description: Learn here about getting started with Syncfusion Essential Angular Treeview Control, its elements, and more. platform: Angular control: TreeView documentation: Ug @@ -357,5 +357,4 @@ npm start * Browse to [http://localhost:3000](http://localhost:3000) to see the application. And navigate to TreeView 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. -![Running the systemJS application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) - \ No newline at end of file +![Running the systemJS application in Angular TreeView](Getting-Started_images/Getting-Started_img1.jpeg) \ No newline at end of file