From c98760269fedee2b02a3242fa3085991a77820e5 Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 17:48:39 +0530 Subject: [PATCH 1/6] 984382: Resolve conflict with appbar component. --- ej2-angular/appbar/style-and-appearance.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/ej2-angular/appbar/style-and-appearance.md b/ej2-angular/appbar/style-and-appearance.md index d9e37d7cc0..924d56be0d 100644 --- a/ej2-angular/appbar/style-and-appearance.md +++ b/ej2-angular/appbar/style-and-appearance.md @@ -45,6 +45,7 @@ The CssClass property enables AppBar customization through custom CSS classes, a {% previewsample "page.domainurl/samples/appbar/cssclass-cs1" %} ## HtmlAttributes + It can be used for additional inline attributes by specifying as inline attributes or by specifying [`htmlAttributes`](https://ej2.syncfusion.com/angular/documentation/api/appbar/#htmlattributes) directive. In the code example below, the aria-label of the AppBar is customized by specifying as attributes. {% tabs %} @@ -57,4 +58,4 @@ It can be used for additional inline attributes by specifying as inline attribut {% endhighlight %} {% endtabs %} -{% previewsample "page.domainurl/samples/appbar/htmlattributes-cs1" %} \ No newline at end of file +{% previewsample "page.domainurl/samples/appbar/htmlattributes-cs1" %} From b269708bb81c905bfd150a43c68a180e0d2399e4 Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 17:52:07 +0530 Subject: [PATCH 2/6] 984382: Resolve conflict with schedule component. --- ej2-angular/schedule/clipboard.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-angular/schedule/clipboard.md b/ej2-angular/schedule/clipboard.md index 208664dc16..aaaed8763a 100644 --- a/ej2-angular/schedule/clipboard.md +++ b/ej2-angular/schedule/clipboard.md @@ -3,7 +3,7 @@ layout: post title: Clipboard in Angular Schedule component | Syncfusion description: Learn here all about Context menu in Syncfusion Angular Schedule component of Syncfusion Essential JS 2 and more. platform: ej2-angular -control: Scheduler +control: Scheduler documentation: ug domainurl: ##DomainURL## --- From 62199e636e413fee38cf9b2a780d5d9c933ca9e2 Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 17:58:22 +0530 Subject: [PATCH 3/6] 984382: Resolve conflict with schedule component. --- ej2-angular/schedule/recurrence-editor.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-angular/schedule/recurrence-editor.md b/ej2-angular/schedule/recurrence-editor.md index 82d68d73de..17aa41dca8 100644 --- a/ej2-angular/schedule/recurrence-editor.md +++ b/ej2-angular/schedule/recurrence-editor.md @@ -3,7 +3,7 @@ layout: post title: Recurrence editor in Angular Schedule component | Syncfusion description: Learn here all about Recurrence editor in Syncfusion Angular Schedule component of Syncfusion Essential JS 2 and more. platform: ej2-angular -control: Scheduler +control: Scheduler documentation: ug domainurl: ##DomainURL## --- From 8b1f0a3cd93c83d276355ed401cf15053711244c Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 18:05:52 +0530 Subject: [PATCH 4/6] 984382: Resolve conflict with schedule component. --- ej2-angular/schedule/virtual-scrolling.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ej2-angular/schedule/virtual-scrolling.md b/ej2-angular/schedule/virtual-scrolling.md index 10e06a6164..74ec4c5398 100644 --- a/ej2-angular/schedule/virtual-scrolling.md +++ b/ej2-angular/schedule/virtual-scrolling.md @@ -3,7 +3,7 @@ layout: post title: Virtual scrolling in Angular Schedule component | Syncfusion description: Learn here all about Virtual scrolling in Syncfusion Angular Schedule component of Syncfusion Essential JS 2 and more. platform: ej2-angular -control: scheduler +control: Scheduler documentation: ug domainurl: ##DomainURL## --- From 50492fa42d87e08fe8c2d370191ebd8a345fbad7 Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 18:29:54 +0530 Subject: [PATCH 5/6] 984382: Resolve conflict with Toolbar component. --- ej2-angular/toolbar/responsive-mode.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/ej2-angular/toolbar/responsive-mode.md b/ej2-angular/toolbar/responsive-mode.md index 3b7038fe27..96b20fa721 100644 --- a/ej2-angular/toolbar/responsive-mode.md +++ b/ej2-angular/toolbar/responsive-mode.md @@ -19,21 +19,21 @@ The Angular Toolbar component automatically handles content overflow with respon The default overflow mode of the Toolbar is `Scrollable`. This responsive mode displays all commands in a single horizontal line with scrolling navigation when content overflows the available container width. -* Navigation arrows appear at the start and end of the Toolbar to access hidden commands -* Hidden commands become accessible through touch swipe gestures on mobile devices -* When the left navigation icon is disabled, hidden commands are accessible by moving right -* Clicking or holding navigation arrows continuously reveals hidden commands -* On devices without navigation icons, touch swipe gestures provide access to hidden toolbar commands +* Navigation arrows appear at the start and end of the Toolbar to access hidden commands. +* You can also see the hidden commands using touch swipe action. +* When the left navigation icon is disabled, hidden commands are accessible by moving right. +* Clicking or holding navigation arrows continuously reveals hidden commands. +* On devices without navigation icons, touch swipe gestures provide access to hidden toolbar commands. ![Scrollable](./images/scrolling.gif) -* When the Toolbar reaches the first or last command, the corresponding navigation icon becomes disabled, allowing movement in the opposite direction only +* When the Toolbar reaches the first or last command, the corresponding navigation icon becomes disabled, allowing movement in the opposite direction only. ![Touch scroll](./images/scrolling_touch.gif) ![Swipe scroll](./images/scrolling_swipe.gif) -* Continuous scrolling is possible by holding the navigation icon +* Continuous scrolling is possible by holding the navigation icon. ![Long press scroll](./images/scrolling_long_press.gif) @@ -132,4 +132,4 @@ By default, the Toolbar renders with a minimum height to accommodate items prope {% endhighlight %} {% endtabs %} -{% previewsample "page.domainurl/samples/toolbar/minimum-height-cs1" %} \ No newline at end of file +{% previewsample "page.domainurl/samples/toolbar/minimum-height-cs1" %} From 376c6e9c544bb6015febccb0a866d6de65a43d0e Mon Sep 17 00:00:00 2001 From: sivakumar <93644655+sivakumars3442@users.noreply.github.com> Date: Mon, 13 Oct 2025 18:32:00 +0530 Subject: [PATCH 6/6] 984382: Resolve conflict with Toolbar component. --- ej2-angular/toolbar/how-to/set-item-wise-custom-template.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-angular/toolbar/how-to/set-item-wise-custom-template.md b/ej2-angular/toolbar/how-to/set-item-wise-custom-template.md index 952df6ab97..cf06b6feb2 100644 --- a/ej2-angular/toolbar/how-to/set-item-wise-custom-template.md +++ b/ej2-angular/toolbar/how-to/set-item-wise-custom-template.md @@ -10,7 +10,7 @@ domainurl: ##DomainURL## # Set item wise custom template in Angular Toolbar component -The Angular Toolbar component supports adding template commands using the `template` property, enabling integration of custom controls as toolbar items. The template property accepts HTML content as either a string literal or a query selector reference, providing flexibility for various implementation approaches. +The Angular Toolbar component supports adding template commands using the [`template`](https://ej2.syncfusion.com/angular/documentation/api/toolbar/item/#template) property, enabling integration of custom controls as toolbar items. The template property accepts HTML content as either a string literal or a query selector reference, providing flexibility for various implementation approaches. Template configuration allows embedding interactive elements like checkboxes, dropdowns, input controls, or even other components within toolbar items. This capability extends the toolbar's functionality beyond standard buttons and separators, enabling rich user interface scenarios. @@ -40,4 +40,4 @@ template: "#Template" {% endhighlight %} {% endtabs %} -{% previewsample "page.domainurl/samples/toolbar/toolbar-items-cs3" %} \ No newline at end of file +{% previewsample "page.domainurl/samples/toolbar/toolbar-items-cs3" %}