Skip to content

Commit 02c13cf

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #688 from Syncfusion-Content/hotfix/hotfix-v27.2.2
DOCINFRA-2341_merged_using_automation
2 parents 225bf1e + bcdf8ec commit 02c13cf

File tree

50 files changed

+355
-297
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+355
-297
lines changed

‎ej2-angular-toc.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3088,7 +3088,7 @@
30883088
</ul>
30893089
</li> <li>Release Notes
30903090
<ul>
3091-
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-angular/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-angular/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-angular/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-angular/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-angular/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-angular/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-angular/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-angular/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-angular/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-angular/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-angular/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-angular/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-angular/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-angular/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-angular/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-angular/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-angular/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-angular/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-angular/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
3091+
<li>2024 Volume 3 - 27.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/27.2.5">27.2.5</a></li><li><a href="/ej2-angular/release-notes/27.2.4">27.2.4</a></li><li><a href="/ej2-angular/release-notes/27.2.3">27.2.3</a></li><li><a href="/ej2-angular/release-notes/27.1.58">27.1.58</a></li><li><a href="/ej2-angular/release-notes/27.1.57">27.1.57</a></li><li><a href="/ej2-angular/release-notes/27.1.56">27.1.56</a></li><li><a href="/ej2-angular/release-notes/27.1.55">27.1.55</a></li><li><a href="/ej2-angular/release-notes/27.1.53">27.1.53</a></li><li><a href="/ej2-angular/release-notes/27.1.52">27.1.52</a></li><li><a href="/ej2-angular/release-notes/27.1.51">27.1.51</a></li><li><a href="/ej2-angular/release-notes/27.1.50">27.1.50</a></li></ul></li><li><a href="/ej2-angular/release-notes/27.2.2">27.2.2 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/27.1.48">27.1.48 Main Release</a></li></ul></li><li>2024 Volume 2 - 26.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/26.2.14">26.2.14</a></li><li><a href="/ej2-angular/release-notes/26.2.13">26.2.13</a></li><li><a href="/ej2-angular/release-notes/26.2.12">26.2.12</a></li><li><a href="/ej2-angular/release-notes/26.2.11">26.2.11</a></li><li><a href="/ej2-angular/release-notes/26.2.10">26.2.10</a></li><li><a href="/ej2-angular/release-notes/26.2.9">26.2.9</a></li><li><a href="/ej2-angular/release-notes/26.2.8">26.2.8</a></li><li><a href="/ej2-angular/release-notes/26.2.7">26.2.7</a></li><li><a href="/ej2-angular/release-notes/26.2.5">26.2.5</a></li><li><a href="/ej2-angular/release-notes/26.1.42">26.1.42</a></li><li><a href="/ej2-angular/release-notes/26.1.41">26.1.41</a></li><li><a href="/ej2-angular/release-notes/26.1.40">26.1.40</a></li><li><a href="/ej2-angular/release-notes/26.1.39">26.1.39</a></li><li><a href="/ej2-angular/release-notes/26.1.38">26.1.38</a></li></ul></li><li><a href="/ej2-angular/release-notes/26.2.4">26.2.4 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/26.1.35">26.1.35 Main Release</a></li></ul></li><li>2024 Volume 1 - 25.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/25.2.7">25.2.7</a></li><li><a href="/ej2-angular/release-notes/25.2.6">25.2.6</a></li><li><a href="/ej2-angular/release-notes/25.2.5">25.2.5</a></li><li><a href="/ej2-angular/release-notes/25.2.4">25.2.4</a></li><li><a href="/ej2-angular/release-notes/25.1.42">25.1.42</a></li><li><a href="/ej2-angular/release-notes/25.1.41">25.1.41</a></li><li><a href="/ej2-angular/release-notes/25.1.40">25.1.40</a></li><li><a href="/ej2-angular/release-notes/25.1.39">25.1.39</a></li><li><a href="/ej2-angular/release-notes/25.1.38">25.1.38</a></li><li><a href="/ej2-angular/release-notes/25.1.37">25.1.37</a></li></ul></li><li><a href="/ej2-angular/release-notes/25.2.3">25.2.3 Service Pack Release</a></li><li><a href="/ej2-angular/release-notes/25.1.35">25.1.35 Main Release</a></li></ul></li>
30923092
<li>2023 Volume 4 - 24.*<ul><li>Weekly Release<ul><li><a href="/ej2-angular/release-notes/24.2.9">24.2.9</a></li><li><a href="/ej2-angular/release-notes/24.2.8">24.2.8</a></li><li><a href="/ej2-angular/release-notes/24.2.7">24.2.7</a></li><li><a href="/ej2-angular/release-notes/24.2.6">24.2.6</a></li><li><a href="/ej2-angular/release-notes/24.2.5">24.2.5</a></li><li><a href="/ej2-angular/release-notes/24.2.4">24.2.4</a></li><li><a href="/ej2-angular/release-notes/24.1.47">24.1.47</a></li><li><a href="/ej2-angular/release-notes/24.1.46">24.1.46</a></li><li><a href="/ej2-angular/release-notes/24.1.45">24.1.45</a></li><li><a href="/ej2-angular/release-notes/24.1.44">24.1.44</a></li><li><a href="/ej2-angular/release-notes/24.1.43">24.1.43</a></li></ul></li> <li><a href="/ej2-angular/release-notes/24.2.3">24.2.3 Service Pack Release</a></li>
30933093
<li><a href="/ej2-angular/release-notes/24.1.41">24.1.41 Main Release</a></li></ul></li>
30943094
<li>2023 Volume 3 - 23.*<ul><li> Weekly Release<ul><li><a href="/ej2-angular/release-notes/23.2.7">23.2.7</a></li><li><a href="/ej2-angular/release-notes/23.2.6">23.2.6</a></li><li><a href="/ej2-angular/release-notes/23.2.5">23.2.5</a></li><li><a href="/ej2-angular/release-notes/23.1.44">23.1.44</a></li><li><a href="/ej2-angular/release-notes/23.1.43">23.1.43</a></li><li><a href="/ej2-angular/release-notes/23.1.42">23.1.42</a></li><li><a href="/ej2-angular/release-notes/23.1.41">23.1.41</a></li><li><a href="/ej2-angular/release-notes/23.1.40">23.1.40</a></li><li><a href="/ej2-angular/release-notes/23.1.39">23.1.39</a></li><li><a href="/ej2-angular/release-notes/23.1.38">23.1.38</a></li></ul></li>

‎ej2-angular/Release-notes/27.2.5.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: Essential Studio for Angular Weekly Release Release Notes
3+
description: Essential Studio for Angular Weekly Release Release Notes
4+
platform: ej2-angular
5+
documentation: ug
6+
---
7+
8+
# Essential Studio for Angular Release Notes
9+
10+
{% include release-info.html date="December 03, 2024" version="v27.2.5" %}
11+
12+
{% directory path: _includes/release-notes/v27.2.5 %}
13+
14+
{% include {{file.url}} %}
15+
16+
{% enddirectory %}

‎ej2-angular/code-snippet/multiselect/getting-started-cs10/src/app.component.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,10 @@ export class AppComponent {
4343
//set the height of the popup element
4444
public popupHeight: string = '250px';
4545
//Bind the filter event
46-
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
46+
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
47+
48+
e.preventDefaultAction = true; // Prevent the default built-in filter.
49+
4750
// load overall data when search key empty.
4851
if(e.text == '') e.updateData(this.sportsData);
4952
else{

‎ej2-angular/code-snippet/multiselect/getting-started-cs7/src/app.component.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,10 @@ export class AppComponent {
3636
// set the placeholder to the MultiSelect input
3737
public placeholder: string = 'Select countries';
3838
//Bind the filter event
39-
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
39+
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
40+
41+
e.preventDefaultAction = true; // Prevent the default built-in filter.
42+
4043
let query = new Query();
4144
//frame the query based on search string with filter type.
4245
query = (e.text != "") ? query.where("country", "startswith", e.text, true) : query;

‎ej2-angular/code-snippet/multiselect/getting-started-cs8/src/app.component.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,10 @@ export class AppComponent {
4141
//sort the resulted items
4242
public sorting: string = 'Ascending';
4343
//Bind the filter event
44-
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
44+
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
45+
46+
e.preventDefaultAction = true; // Prevent the default built-in filter.
47+
4548
// load overall data when search key empty.
4649
if(e.text == '') e.updateData(this.searchData);
4750
else{

‎ej2-angular/code-snippet/multiselect/getting-started-cs9/src/app.component.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,10 @@ export class AppComponent {
4141
//sort the resulted items
4242
public sorting: string = 'Ascending';
4343
//Bind the filter event
44-
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
44+
public onFiltering: EmitType<FilteringEventArgs> = (e: FilteringEventArgs) => {
45+
46+
e.preventDefaultAction = true; // Prevent the default built-in filter.
47+
4548
// load overall data when search key empty.
4649
if(e.text == '') e.updateData(this.searchData);
4750
else{

‎ej2-angular/code-snippet/tooltip/ajax-content-cs1/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"@syncfusion/ej2-angular-popups": "*",
1717
"@syncfusion/ej2-angular-lists": "*",
1818
"@syncfusion/ej2-base": "*",
19+
"@syncfusion/ej2-popups": "*",
1920
"@syncfusion/ej2-angular-base": "*",
2021
"@angular/animations": "17.1.2",
2122
"@angular/common": "17.1.2",
@@ -40,4 +41,4 @@
4041
"karma-jasmine-html-reporter": "2.0.0",
4142
"typescript": "5.3.3"
4243
}
43-
}
44+
}

‎ej2-angular/code-snippet/tooltip/ajax-content-cs1/src/app.component.ts

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,7 @@
33
*/
44

55
import { Component, ViewChild, ViewEncapsulation, Inject } from '@angular/core';
6-
import {
7-
TooltipComponent,
8-
TooltipModule,
9-
} from '@syncfusion/ej2-angular-popups';
10-
import { TooltipEventArgs } from '@syncfusion/ej2-popups';
6+
import { TooltipComponent, TooltipModule, TooltipEventArgs } from '@syncfusion/ej2-angular-popups';
117
import { HttpClient } from '@angular/common/http';
128

139
import { ListViewModule } from '@syncfusion/ej2-angular-lists';

‎ej2-angular/code-snippet/tree-view/accordion-tree-cs1/index.css

Lines changed: 0 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -15,33 +15,3 @@
1515
width: 350px;
1616
margin: 0 auto;
1717
}
18-
19-
#treeparent {
20-
display: block;
21-
max-width: 350px;
22-
max-height: 350px;
23-
margin: auto;
24-
overflow: auto;
25-
}
26-
.accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow , .accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-fullrow {
27-
background-color: darkslateblue;
28-
border-color: darkslateblue;
29-
}
30-
31-
.accordiontree .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text {
32-
color: white;
33-
font-size: 16px;
34-
}
35-
.accordiontree .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible,.accordiontree .e-list-item.e-level-1 .e-icon-expandable {
36-
display: none
37-
}
38-
39-
.accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow , .accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow {
40-
background-color: white;
41-
border-color: white;
42-
}
43-
44-
.accordiontree .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text {
45-
color: blue;
46-
font-size: 14px;
47-
}

‎ej2-angular/code-snippet/tree-view/accordion-tree-cs1/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
"@syncfusion/ej2-base": "*",
1919
"@syncfusion/ej2-inputs": "*",
2020
"@syncfusion/ej2-buttons": "*",
21+
"@syncfusion/ej2-navigations": "*",
2122
"@syncfusion/ej2-angular-base": "*",
2223
"@angular/animations": "17.1.2",
2324
"@angular/common": "17.1.2",
@@ -41,4 +42,4 @@
4142
"karma-jasmine-html-reporter": "2.0.0",
4243
"typescript": "5.3.3"
4344
}
44-
}
45+
}

‎ej2-angular/code-snippet/tree-view/accordion-tree-cs1/src/app.component.ts

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,9 @@ import { NgModule } from '@angular/core'
22
import { BrowserModule } from '@angular/platform-browser'
33
import { FormsModule } from '@angular/forms'
44
import { TreeViewModule } from '@syncfusion/ej2-angular-navigations'
5-
6-
7-
8-
95
import { Component, Inject, ViewChild } from '@angular/core';
10-
import { TreeViewComponent, NodeSelectEventArgs } from '@syncfusion/ej2-angular-navigations';
6+
import { NodeSelectEventArgs } from '@syncfusion/ej2-navigations';
7+
import { TreeViewComponent } from '@syncfusion/ej2-angular-navigations';
118
/**
129
* TreeView Accordion sample
1310
*/

‎ej2-angular/code-snippet/tree-view/accordion-tree-cs1/src/styles.css

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,34 @@
33
@import 'node_modules/@syncfusion/ej2-inputs/styles/material.css';
44
@import 'node_modules/@syncfusion/ej2-buttons/styles/material.css';
55
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
6-
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
6+
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
7+
8+
#treeparent {
9+
display: block;
10+
max-width: 350px;
11+
max-height: 350px;
12+
margin: auto;
13+
overflow: auto;
14+
}
15+
.accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow , .accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-fullrow {
16+
background-color: darkslateblue;
17+
border-color: darkslateblue;
18+
}
19+
20+
.accordiontree .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text {
21+
color: white;
22+
font-size: 16px;
23+
}
24+
.accordiontree .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible,.accordiontree .e-list-item.e-level-1 .e-icon-expandable {
25+
display: none
26+
}
27+
28+
.accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow , .accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow {
29+
background-color: white;
30+
border-color: white;
31+
}
32+
33+
.accordiontree .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text {
34+
color: blue;
35+
font-size: 14px;
36+
}

‎ej2-angular/code-snippet/tree-view/auto-hide-icons-cs1/index.css

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,3 @@
1616
margin: 0 auto;
1717
}
1818

19-
#treeparent {
20-
display: block;
21-
max-width: 350px;
22-
max-height: 350px;
23-
margin: auto;
24-
overflow: auto;
25-
border: 1px solid #dddddd;
26-
border-radius: 3px;
27-
}

‎ej2-angular/code-snippet/tree-view/auto-hide-icons-cs1/src/styles.css

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,14 @@
33
@import 'node_modules/@syncfusion/ej2-inputs/styles/material.css';
44
@import 'node_modules/@syncfusion/ej2-buttons/styles/material.css';
55
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
6-
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
6+
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
7+
8+
#treeparent {
9+
display: block;
10+
max-width: 350px;
11+
max-height: 350px;
12+
margin: auto;
13+
overflow: auto;
14+
border: 1px solid #dddddd;
15+
border-radius: 3px;
16+
}

‎ej2-angular/code-snippet/tree-view/customize-cs1/index.css

Lines changed: 0 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -15,32 +15,3 @@
1515
width: 350px;
1616
margin: 0 auto;
1717
}
18-
19-
#treeparent {
20-
display: block;
21-
max-width: 400px;
22-
max-height: 320px;
23-
margin: auto;
24-
overflow: auto;
25-
border: 1px solid #dddddd;
26-
border-radius: 3px;
27-
}
28-
29-
.details {
30-
padding-left: 10px;
31-
}
32-
33-
/*apply custom css to first level*/
34-
.mytree .e-level-1 > .e-text-content .e-list-text {
35-
font-style: italic;
36-
}
37-
38-
/*apply custom css to second level*/
39-
.mytree .e-level-2 > .e-text-content .e-list-text {
40-
color: darkmagenta;
41-
}
42-
43-
/*apply custom css to all the leaf nodes*/
44-
.mytree .e-level-3 > .e-text-content .e-list-text {
45-
font-weight: bold;
46-
}

‎ej2-angular/code-snippet/tree-view/customize-cs1/src/styles.css

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,33 @@
33
@import 'node_modules/@syncfusion/ej2-inputs/styles/material.css';
44
@import 'node_modules/@syncfusion/ej2-buttons/styles/material.css';
55
@import 'node_modules/@syncfusion/ej2-angular-base/styles/material.css';
6-
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
6+
@import 'node_modules/@syncfusion/ej2-angular-navigations/styles/material.css';
7+
8+
#treeparent {
9+
display: block;
10+
max-width: 400px;
11+
max-height: 320px;
12+
margin: auto;
13+
overflow: auto;
14+
border: 1px solid #dddddd;
15+
border-radius: 3px;
16+
}
17+
18+
.details {
19+
padding-left: 10px;
20+
}
21+
22+
/*apply custom css to first level*/
23+
.mytree .e-level-1 > .e-text-content .e-list-text {
24+
font-style: italic;
25+
}
26+
27+
/*apply custom css to second level*/
28+
.mytree .e-level-2 > .e-text-content .e-list-text {
29+
color: darkmagenta;
30+
}
31+
32+
/*apply custom css to all the leaf nodes*/
33+
.mytree .e-level-3 > .e-text-content .e-list-text {
34+
font-weight: bold;
35+
}

‎ej2-angular/code-snippet/tree-view/disable-checkbox-cs1/package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,8 @@
1717
"@syncfusion/ej2-angular-navigations": "*",
1818
"@syncfusion/ej2-base": "*",
1919
"@syncfusion/ej2-inputs": "*",
20-
"@syncfusion/ej2-buttons": "*",
20+
"@syncfusion/ej2-buttons": "*",
21+
"@syncfusion/ej2-navigations": "*",
2122
"@syncfusion/ej2-angular-base": "*",
2223
"@angular/animations": "17.1.2",
2324
"@angular/common": "17.1.2",
@@ -41,4 +42,4 @@
4142
"karma-jasmine-html-reporter": "2.0.0",
4243
"typescript": "5.3.3"
4344
}
44-
}
45+
}

‎ej2-angular/code-snippet/tree-view/disable-checkbox-cs1/src/app.component.ts

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,8 @@
11
import { NgModule } from '@angular/core'
22
import { BrowserModule } from '@angular/platform-browser'
33
import { FormsModule } from '@angular/forms'
4-
import { TreeViewModule } from '@syncfusion/ej2-angular-navigations'
5-
6-
7-
8-
94
import { Component, Inject, ViewChild } from '@angular/core';
10-
import { TreeViewComponent, DrawNodeEventArgs } from '@syncfusion/ej2-angular-navigations';
5+
import { TreeViewComponent, TreeViewModule, DrawNodeEventArgs } from '@syncfusion/ej2-angular-navigations';
116
/**
127
* Treeview Disable check box of parent nodes sample
138
*/

‎ej2-angular/code-snippet/tree-view/filtering-cs1/index.css

Lines changed: 0 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -15,19 +15,3 @@
1515
width: 350px;
1616
margin: 0 auto;
1717
}
18-
19-
#treeparent {
20-
width: 225px;
21-
min-height: 250px;
22-
max-height: auto;
23-
border: 1px solid #bbbbbb;
24-
margin: 0 auto;
25-
}
26-
.e-mask .e-input {
27-
border: none;
28-
border-bottom: 1px solid #bbbbbb;
29-
}
30-
#search{
31-
width: 225px;
32-
height: 26px;
33-
}

0 commit comments

Comments
 (0)