diff --git a/ej2-angular/accordion/getting-started.md b/ej2-angular/accordion/getting-started.md index 2fe299b589d..4965e799c5c 100644 --- a/ej2-angular/accordion/getting-started.md +++ b/ej2-angular/accordion/getting-started.md @@ -96,7 +96,7 @@ Syncfusion® provides two package structures ### Ivy library distribution package -Syncfusion® Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the package are compatible with Angular version 12 and above. To download the package use the below command. +Syncfusion® Angular packages(`>=20.2.36`) has been moved to the Ivy distribution to support the Angular [Ivy](https://docs.angular.lat/guide/ivy) rendering engine and the packages are compatible with Angular version 12 and above. To download the package use the below command. Add [`@syncfusion/ej2-angular-navigations`](https://www.npmjs.com/package/@syncfusion/ej2-angular-navigations/v/20.2.38) package to the application. diff --git a/ej2-angular/appbar/getting-started.md b/ej2-angular/appbar/getting-started.md index 2feff4763d1..737ff827594 100644 --- a/ej2-angular/appbar/getting-started.md +++ b/ej2-angular/appbar/getting-started.md @@ -84,7 +84,7 @@ cd syncfusion-angular-app ## Installing Syncfusion® AppBar Package -Syncfusion® packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion® packages from npm [link](https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular-). +Syncfusion® packages are distributed on npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion® packages from npm [link](https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular-). Currently, Syncfusion® provides two types of package structures for Angular components: 1. Ivy library distribution package [format](https://angular.dev/tools/libraries/angular-package-format) diff --git a/ej2-angular/code-snippet/breadcrumb/enable-navigation-cs1/src/app.component.ts b/ej2-angular/code-snippet/breadcrumb/enable-navigation-cs1/src/app.component.ts index 96a1858820b..5883d486201 100644 --- a/ej2-angular/code-snippet/breadcrumb/enable-navigation-cs1/src/app.component.ts +++ b/ej2-angular/code-snippet/breadcrumb/enable-navigation-cs1/src/app.component.ts @@ -23,7 +23,7 @@ standalone: true, - + @@ -38,7 +38,7 @@ standalone: true, - + diff --git a/ej2-angular/code-snippet/context-menu/separators-cs1/src/styles.css b/ej2-angular/code-snippet/context-menu/separators-cs1/src/styles.css index 6f6eeb65ed2..1d743825e07 100644 --- a/ej2-angular/code-snippet/context-menu/separators-cs1/src/styles.css +++ b/ej2-angular/code-snippet/context-menu/separators-cs1/src/styles.css @@ -6,4 +6,14 @@ .e-section-control { margin-top: 150px; -} \ No newline at end of file +} + +#target { + border: 1px dashed; + height: 150px; + padding: 10px; + position: relative; + text-align: justify; + color: gray; + user-select: none; +} diff --git a/ej2-angular/code-snippet/context-menu/separators-cs2/src/styles.css b/ej2-angular/code-snippet/context-menu/separators-cs2/src/styles.css index 6f6eeb65ed2..15e337c4e11 100644 --- a/ej2-angular/code-snippet/context-menu/separators-cs2/src/styles.css +++ b/ej2-angular/code-snippet/context-menu/separators-cs2/src/styles.css @@ -6,4 +6,14 @@ .e-section-control { margin-top: 150px; +} + +#target { + border: 1px dashed; + height: 150px; + padding: 10px; + position: relative; + text-align: justify; + color: gray; + user-select: none; } \ No newline at end of file diff --git a/ej2-angular/code-snippet/dialog/getting-started-cs1/src/styles.css b/ej2-angular/code-snippet/dialog/getting-started-cs1/src/styles.css index 1365d15f772..4dd9869c114 100644 --- a/ej2-angular/code-snippet/dialog/getting-started-cs1/src/styles.css +++ b/ej2-angular/code-snippet/dialog/getting-started-cs1/src/styles.css @@ -4,4 +4,32 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-draggable { + min-height: 160px; +} + diff --git a/ej2-angular/code-snippet/dialog/getting-started-cs3/src/styles.css b/ej2-angular/code-snippet/dialog/getting-started-cs3/src/styles.css index 1365d15f772..4dd9869c114 100644 --- a/ej2-angular/code-snippet/dialog/getting-started-cs3/src/styles.css +++ b/ej2-angular/code-snippet/dialog/getting-started-cs3/src/styles.css @@ -4,4 +4,32 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-draggable { + min-height: 160px; +} + diff --git a/ej2-angular/code-snippet/dialog/getting-started-cs4/src/styles.css b/ej2-angular/code-snippet/dialog/getting-started-cs4/src/styles.css index 1365d15f772..4dd9869c114 100644 --- a/ej2-angular/code-snippet/dialog/getting-started-cs4/src/styles.css +++ b/ej2-angular/code-snippet/dialog/getting-started-cs4/src/styles.css @@ -4,4 +4,32 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-draggable { + min-height: 160px; +} + diff --git a/ej2-angular/code-snippet/dialog/getting-started-cs5/src/styles.css b/ej2-angular/code-snippet/dialog/getting-started-cs5/src/styles.css index 1365d15f772..4dd9869c114 100644 --- a/ej2-angular/code-snippet/dialog/getting-started-cs5/src/styles.css +++ b/ej2-angular/code-snippet/dialog/getting-started-cs5/src/styles.css @@ -4,4 +4,32 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-draggable { + min-height: 160px; +} + diff --git a/ej2-angular/code-snippet/dialog/getting-started-cs6/src/styles.css b/ej2-angular/code-snippet/dialog/getting-started-cs6/src/styles.css index 1365d15f772..4dd9869c114 100644 --- a/ej2-angular/code-snippet/dialog/getting-started-cs6/src/styles.css +++ b/ej2-angular/code-snippet/dialog/getting-started-cs6/src/styles.css @@ -4,4 +4,32 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + margin: 0; + overflow: hidden; + width: 100%; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-draggable { + min-height: 160px; +} + diff --git a/ej2-angular/code-snippet/dialog/position-cs1/src/styles.css b/ej2-angular/code-snippet/dialog/position-cs1/src/styles.css index 1365d15f772..2f8239b7103 100644 --- a/ej2-angular/code-snippet/dialog/position-cs1/src/styles.css +++ b/ej2-angular/code-snippet/dialog/position-cs1/src/styles.css @@ -4,4 +4,47 @@ @import 'node_modules/@syncfusion/ej2-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-popups/styles/material3.css'; + +html, +body, +#dialog-container { + display: block; + height: 100%; + overflow: hidden; + width: 100%; +} + +#dialog-container { + height: 365px; +} + +#dialog table, +#dialog th, +#dialog td { + border: 1px solid black; + border-collapse: collapse; + margin-left: 15px; +} + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +#dialog.e-dialog .e-footer-content { + padding: 0; + padding-left: 14px; +} + +#dialog.e-dialog .e-dlg-content { + padding: 9px; + } \ No newline at end of file diff --git a/ej2-angular/code-snippet/maskedtextbox/reactive-forms-cs1/src/app.component.ts b/ej2-angular/code-snippet/maskedtextbox/reactive-forms-cs1/src/app.component.ts index 16cbf1e60aa..2d595473ed4 100644 --- a/ej2-angular/code-snippet/maskedtextbox/reactive-forms-cs1/src/app.component.ts +++ b/ej2-angular/code-snippet/maskedtextbox/reactive-forms-cs1/src/app.component.ts @@ -1,3 +1,4 @@ +import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { MaskedTextBoxModule, MaskedTextBoxComponent } from '@syncfusion/ej2-angular-inputs'; import { ButtonModule } from '@syncfusion/ej2-angular-buttons'; @@ -5,7 +6,7 @@ import { Component, Inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ - imports: [FormsModule, ReactiveFormsModule, MaskedTextBoxModule, ButtonModule], + imports: [FormsModule, ReactiveFormsModule, MaskedTextBoxModule, ButtonModule. CommonModule], standalone: true, selector: 'app-root', templateUrl: './template.html', diff --git a/ej2-angular/code-snippet/mention/getting-started-cs6/src/styles.css b/ej2-angular/code-snippet/mention/getting-started-cs6/src/styles.css index 39110e9d6c6..91e0a9361c8 100644 --- a/ej2-angular/code-snippet/mention/getting-started-cs6/src/styles.css +++ b/ej2-angular/code-snippet/mention/getting-started-cs6/src/styles.css @@ -5,4 +5,35 @@ @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + width: 30%; + position: absolute; + top: 45%; + left: 45%; +} + +#comment { + font-size: 15px; + font-weight: 600; +} + +#mentionElement { + min-height: 100px; + border: 1px solid #D7D7D7; + border-radius: 4px; + padding: 8px; + font-size: 14px; + width: 600px; +} + +div#mentionElement[placeholder]:empty:before { + content: attr(placeholder); +} \ No newline at end of file diff --git a/ej2-angular/code-snippet/mention/getting-started-cs7/src/app.component.ts b/ej2-angular/code-snippet/mention/getting-started-cs7/src/app.component.ts index 4eecb68cb5a..29366f19dd4 100644 --- a/ej2-angular/code-snippet/mention/getting-started-cs7/src/app.component.ts +++ b/ej2-angular/code-snippet/mention/getting-started-cs7/src/app.component.ts @@ -19,7 +19,7 @@ standalone: true, template: ` -
+
`, }) diff --git a/ej2-angular/code-snippet/mention/getting-started-cs7/src/styles.css b/ej2-angular/code-snippet/mention/getting-started-cs7/src/styles.css index 39110e9d6c6..91e0a9361c8 100644 --- a/ej2-angular/code-snippet/mention/getting-started-cs7/src/styles.css +++ b/ej2-angular/code-snippet/mention/getting-started-cs7/src/styles.css @@ -5,4 +5,35 @@ @import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-buttons/styles/material3.css'; @import 'node_modules/@syncfusion/ej2-angular-dropdowns/styles/material3.css'; -@import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; \ No newline at end of file +@import 'node_modules/@syncfusion/ej2-angular-base/styles/material3.css'; + +#container { + visibility: hidden; +} + +#loader { + color: #008cff; + height: 40px; + width: 30%; + position: absolute; + top: 45%; + left: 45%; +} + +#comment { + font-size: 15px; + font-weight: 600; +} + +#mentionElement { + min-height: 100px; + border: 1px solid #D7D7D7; + border-radius: 4px; + padding: 8px; + font-size: 14px; + width: 600px; +} + +div#mentionElement[placeholder]:empty:before { + content: attr(placeholder); +} \ No newline at end of file diff --git a/ej2-angular/code-snippet/multicolumn-combobox/getting-started-cs1/src/app.component.ts b/ej2-angular/code-snippet/multicolumn-combobox/getting-started-cs1/src/app.component.ts index b98b410c2b7..18c10b249b2 100644 --- a/ej2-angular/code-snippet/multicolumn-combobox/getting-started-cs1/src/app.component.ts +++ b/ej2-angular/code-snippet/multicolumn-combobox/getting-started-cs1/src/app.component.ts @@ -57,7 +57,7 @@ export class AppComponent { handleKeyboardEvent(event: KeyboardEvent) { if (event.altKey && event.keyCode === 84 /* t */) { // press alt+t to focus the control. - this.multicomboBoxObj!.focusIn(); + this.multicomboBoxObj!.focus(); } } } diff --git a/ej2-angular/code-snippet/numerictextbox/reactive-forms-cs1/src/app.component.ts b/ej2-angular/code-snippet/numerictextbox/reactive-forms-cs1/src/app.component.ts index 8550a41621b..9b19929a825 100644 --- a/ej2-angular/code-snippet/numerictextbox/reactive-forms-cs1/src/app.component.ts +++ b/ej2-angular/code-snippet/numerictextbox/reactive-forms-cs1/src/app.component.ts @@ -1,5 +1,6 @@ import { NgModule } from '@angular/core' import { BrowserModule } from '@angular/platform-browser' +import { CommonModule } from '@angular/common'; import { FormsModule, ReactiveFormsModule } from '@angular/forms' import { NumericTextBoxModule } from '@syncfusion/ej2-angular-inputs' import { ButtonModule } from '@syncfusion/ej2-angular-buttons' @@ -7,7 +8,7 @@ import { Component, Inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators } from '@angular/forms'; @Component({ - imports: [FormsModule, ReactiveFormsModule, NumericTextBoxModule, ButtonModule], + imports: [FormsModule, ReactiveFormsModule, NumericTextBoxModule, ButtonModule, CommonModule], standalone: true, selector: 'app-root', templateUrl: './template.html', diff --git a/ej2-angular/code-snippet/toast/toast-cs7/src/styles.css b/ej2-angular/code-snippet/toast/toast-cs7/src/styles.css index 8cc556a10f9..c9bc749610d 100644 --- a/ej2-angular/code-snippet/toast/toast-cs7/src/styles.css +++ b/ej2-angular/code-snippet/toast/toast-cs7/src/styles.css @@ -1,4 +1,105 @@ -@import '../node_modules/@syncfusion/ej2-base/styles/material3.css'; -@import '../node_modules/@syncfusion/ej2-buttons/styles/material3.css'; -@import '../node_modules/@syncfusion/ej2-popups/styles/material3.css'; -@import '../node_modules/@syncfusion/ej2-angular-notifications/styles/material3.css'; \ No newline at end of file +@import '/node_modules/@syncfusion/ej2-base/styles/material3.css'; +@import '/node_modules/@syncfusion/ej2-buttons/styles/material3.css'; +@import '/node_modules/@syncfusion/ej2-popups/styles/material3.css'; +@import '/node_modules/@syncfusion/ej2-angular-notifications/styles/material3.css'; + +/* csslint ignore:start */ +#container { + margin: 25px; +} + +#elementToastTime .e-toast { + width: 500px; + height: 147px; +} + +#elementToastTime { + text-align: center; +} + +#elementToastTime img { + width: 100px; + height: 100px; + border-radius: 50%; +} + +#elementToastTime .e-toast-message { + width: inherit; +} + +#sample_container { + margin: 10px; +} + +body>#element .e-toast { + width: 400px !important; +} + +#template_toast .horizontal-align { + margin: 10px 0; +} + +#template_toast .horizontal-align .toast-content .toast-message { + opacity: 0.4; +} + +#template_toast .horizontal-align .toast-content { + display: inline-flex; + flex: 1; + flex-direction: column; + margin-left: 10px; +} + +#loader { + color: #008cff; + height: 40px; + left: 45%; + position: absolute; + top: 45%; + width: 30%; +} + +.progress { + height: 20px; + position: relative; + margin: 20px 0 20px 0; + background: #555; + -moz-border-radius: 25px; + -webkit-border-radius: 25px; + border-radius: 25px; + box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); +} + +.progress span { + background-color: #f0a3a3; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323)); + display: block; + height: 100%; + border-radius: 10px; + width: 50%; + position: relative; + overflow: hidden; +} + +.progress span::after { + background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-size: 50px 50px; + -webkit-animation: moveAnimate 2s linear infinite; + overflow: hidden; +} + +@-webkit-keyframes moveAnimate { + 0% { + background-position: 0 0; + } + 100% { + background-position: 50px 50px; + } +} +/* csslint ignore:end */ \ No newline at end of file diff --git a/ej2-angular/code-snippet/uploader/draganddrop-cs2/src/app.component.ts b/ej2-angular/code-snippet/uploader/draganddrop-cs2/src/app.component.ts index a8b4d740a49..fa292bc9425 100644 --- a/ej2-angular/code-snippet/uploader/draganddrop-cs2/src/app.component.ts +++ b/ej2-angular/code-snippet/uploader/draganddrop-cs2/src/app.component.ts @@ -25,7 +25,7 @@ standalone: true, ` }) export class AppComponent { - public dropEle?: HTMLElement ; + public dropEle?: HTMLElement | null ; ngOnInit() { this.dropEle = document.getElementById('droparea'); } diff --git a/ej2-angular/drop-down-button/getting-started.md b/ej2-angular/drop-down-button/getting-started.md index 58a4708592e..f0e37df4857 100644 --- a/ej2-angular/drop-down-button/getting-started.md +++ b/ej2-angular/drop-down-button/getting-started.md @@ -105,7 +105,7 @@ ng add @syncfusion/ej2-angular-splitbuttons This command will perform the following configurations: -- Add the `@syncfusion/ej2-angular-split-buttons` package and peer dependencies to your `package.json`. +- Add the `@syncfusion/ej2-angular-splitbuttons` package and peer dependencies to your `package.json`. - Import the DropDownButton component in your application. - Register the default Syncfusion® Material theme in `angular.json`. diff --git a/ej2-angular/drop-down-tree/getting-started.md b/ej2-angular/drop-down-tree/getting-started.md index 9ea92285bb3..6a8e56aa06f 100644 --- a/ej2-angular/drop-down-tree/getting-started.md +++ b/ej2-angular/drop-down-tree/getting-started.md @@ -91,7 +91,7 @@ cd syncfusion-angular-app > Note: In Angular 19 and below, it uses `app.component.ts`, `app.component.html`, `app.component.css` etc. In Angular 20+, the CLI generates a simpler structure with `src/app/app.ts`, `app.html`, and `app.css` (no `.component.` suffixes). -## Installing Syncfusion® DropDownTree package +## Installing Syncfusion® Dropdown Tree package Syncfusion® packages are distributed in npm as `@syncfusion` scoped packages. You can get all the Angular Syncfusion® package from npm [link]( https://www.npmjs.com/search?q=%40syncfusion%2Fej2-angular- ). diff --git a/ej2-angular/inplace-editor/getting-started.md b/ej2-angular/inplace-editor/getting-started.md index f41eb7726e1..cb8a06e69a7 100644 --- a/ej2-angular/inplace-editor/getting-started.md +++ b/ej2-angular/inplace-editor/getting-started.md @@ -8,7 +8,7 @@ documentation: ug domainurl: ##DomainURL## --- -# Getting started with Angular Inplace editor component +# Getting started with Angular Inplace Editor component This section explains the steps to create a simple **In-place Editor** component and configure its available functionalities in Angular. diff --git a/ej2-angular/list-box/getting-started.md b/ej2-angular/list-box/getting-started.md index 4fe7a1adf71..688efd76329 100644 --- a/ej2-angular/list-box/getting-started.md +++ b/ej2-angular/list-box/getting-started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with Angular List box component | Syncfusion -description: Checkout and learn about Getting started with Angular List box component of Syncfusion Essential JS 2 and more details. +title: Getting started with Angular ListBox component | Syncfusion +description: Checkout and learn about Getting started with Angular ListBox component of Syncfusion Essential JS 2 and more details. platform: ej2-angular control: Getting started documentation: ug diff --git a/ej2-angular/progress-button/getting-started.md b/ej2-angular/progress-button/getting-started.md index 57d10f82572..7ec5bae956a 100644 --- a/ej2-angular/progress-button/getting-started.md +++ b/ej2-angular/progress-button/getting-started.md @@ -105,7 +105,7 @@ ng add @syncfusion/ej2-angular-splitbuttons This command will perform the following configurations: -- Add the `@syncfusion/ej2-angular-split-buttons` package and peer dependencies to your `package.json`. +- Add the `@syncfusion/ej2-angular-splitbuttons` package and peer dependencies to your `package.json`. - Import the ProgressButton component in your application. - Register the default Syncfusion® Material theme in `angular.json`. diff --git a/ej2-angular/split-button/getting-started.md b/ej2-angular/split-button/getting-started.md index 0b0adac310b..c96d7442b9e 100644 --- a/ej2-angular/split-button/getting-started.md +++ b/ej2-angular/split-button/getting-started.md @@ -105,7 +105,7 @@ ng add @syncfusion/ej2-angular-splitbuttons This command will perform the following configurations: -- Add the `@syncfusion/ej2-angular-split-buttons` package and peer dependencies to your `package.json`. +- Add the `@syncfusion/ej2-angular-splitbuttons` package and peer dependencies to your `package.json`. - Import the SplitButton component component in your application. - Register the default Syncfusion® Material theme in `angular.json`. diff --git a/ej2-angular/uploader/getting-started.md b/ej2-angular/uploader/getting-started.md index e909b650379..4dfb72491be 100644 --- a/ej2-angular/uploader/getting-started.md +++ b/ej2-angular/uploader/getting-started.md @@ -258,5 +258,3 @@ To handle these events, define the function and assign it to the corresponding e * [How to add additional data on upload](./how-to/add-additional-data-on-upload) * [Achieve file upload programmatically](./how-to/achieve-file-upload-programmatically) * [Achieve invisible upload](./how-to/achieve-invisible-upload) - -N> You can also explore [Angular File Upload](https://www.syncfusion.com/angular-components/angular-file-upload) feature tour page for its groundbreaking features. You can also explore our [Angular File Upload example](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/uploader/default) to understand how to browse the files which you want to upload to the server.