diff --git a/samples/grids/tree-grid/cell-editing-sample/App.razor b/samples/grids/tree-grid/cell-editing-sample/App.razor
index 67cb81165..d38efc356 100644
--- a/samples/grids/tree-grid/cell-editing-sample/App.razor
+++ b/samples/grids/tree-grid/cell-editing-sample/App.razor
@@ -6,19 +6,21 @@
-
-
-
+ Field="Class"
+ Header="Class"
+ InlineEditorTemplateScript="WebTreeGridCellEditCellTemplate"
+ DataType="GridColumnDataType.String"
+ Editable="true"
+ Name="column2"
+ @ref="column2">
+ Field="Alignment"
+ Header="Alignment"
+ InlineEditorTemplateScript="WebTreeGridCellEditCellTemplate"
+ DataType="GridColumnDataType.String"
+ Editable="true"
+ Name="column3"
+ @ref="column3">
@@ -61,24 +64,28 @@
protected override async Task OnAfterRenderAsync(bool firstRender)
{
- var treeGrid = this.treeGrid;
+ var treeGrid1 = this.treeGrid1;
var column1 = this.column1;
+ var column2 = this.column2;
+ var column3 = this.column3;
}
- private IgbTreeGrid treeGrid;
+ private IgbTreeGrid treeGrid1;
private IgbColumn column1;
+ private IgbColumn column2;
+ private IgbColumn column3;
- private OrdersTreeData _ordersTreeData = null;
- public OrdersTreeData OrdersTreeData
+ private RoleplayTreeGridData _roleplayTreeGridData = null;
+ public RoleplayTreeGridData RoleplayTreeGridData
{
get
{
- if (_ordersTreeData == null)
+ if (_roleplayTreeGridData == null)
{
- _ordersTreeData = new OrdersTreeData();
+ _roleplayTreeGridData = new RoleplayTreeGridData();
}
- return _ordersTreeData;
+ return _roleplayTreeGridData;
}
}
diff --git a/samples/grids/tree-grid/cell-editing-sample/Program.cs b/samples/grids/tree-grid/cell-editing-sample/Program.cs
index ee92af85d..9b523f6a4 100644
--- a/samples/grids/tree-grid/cell-editing-sample/Program.cs
+++ b/samples/grids/tree-grid/cell-editing-sample/Program.cs
@@ -21,8 +21,7 @@ public static async Task Main(string[] args)
// registering Ignite UI modules
builder.Services.AddIgniteUIBlazor(
typeof(IgbInputModule),
- typeof(IgbTreeGridModule),
- typeof(IgbSelectModule)
+ typeof(IgbTreeGridModule)
);
await builder.Build().RunAsync();
}
diff --git a/samples/grids/tree-grid/cell-editing-sample/RoleplayTreeGridData.cs b/samples/grids/tree-grid/cell-editing-sample/RoleplayTreeGridData.cs
new file mode 100644
index 000000000..04e032791
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-sample/RoleplayTreeGridData.cs
@@ -0,0 +1,250 @@
+using System;
+using System.Collections.Generic;
+public class RoleplayTreeGridDataItem
+{
+ public double ID { get; set; }
+ public double ParentID { get; set; }
+ public string Name { get; set; }
+ public string Age { get; set; }
+ public string Alignment { get; set; }
+ public string Race { get; set; }
+ public string Class { get; set; }
+}
+
+public class RoleplayTreeGridData
+ : List
+{
+ public RoleplayTreeGridData()
+ {
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 1,
+ ParentID = 8,
+ Name = @"Stredo",
+ Age = @"244",
+ Alignment = @"π Lawful evil",
+ Race = @"π© Human",
+ Class = @"π» Bard"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 2,
+ ParentID = 7,
+ Name = @"Haluun",
+ Age = @"40",
+ Alignment = @"π€ Unaligned",
+ Race = @"π§π» Hafling",
+ Class = @"ππ» Monk"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 3,
+ ParentID = 9,
+ Name = @"Ivellios",
+ Age = @"244",
+ Alignment = @"𧑠Chaotic good",
+ Race = @"π© Human",
+ Class = @"βοΈ Paladin"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 4,
+ ParentID = -1,
+ Name = @"Tes",
+ Age = @"35",
+ Alignment = @"π Lawful evil",
+ Race = @"π Changeling",
+ Class = @"π§ββοΈ Wizard"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 5,
+ ParentID = 3,
+ Name = @"Kalla",
+ Age = @"47",
+ Alignment = @"π€ Neutral evil",
+ Race = @"π€ Warforged",
+ Class = @"π¦ΉββοΈ Sorcerer"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 6,
+ ParentID = 2,
+ Name = @"Halimath Dundragon",
+ Age = @"149",
+ Alignment = @"π€ Unaligned",
+ Race = @"π² Dragonborn",
+ Class = @"βοΈ Paladin"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 7,
+ ParentID = 5,
+ Name = @"Iriphawa",
+ Age = @"39",
+ Alignment = @"π Lawful neutral",
+ Race = @"π§π»ββοΈ Half-Elf",
+ Class = @"πΉ Ranger"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 8,
+ ParentID = 6,
+ Name = @"Quaf",
+ Age = @"25",
+ Alignment = @"π Neutral",
+ Race = @"π© Human",
+ Class = @"π₯ Fighter"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 9,
+ ParentID = 10,
+ Name = @"Rat Scratch",
+ Age = @"15",
+ Alignment = @"π€ Neutral evil",
+ Race = @"π‘ Locathah",
+ Class = @"π Druid"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 10,
+ ParentID = 4,
+ Name = @"Slicer",
+ Age = @"57",
+ Alignment = @"π Lawful evil",
+ Race = @"π‘ Locathah",
+ Class = @"πͺ Barbarian"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 11,
+ ParentID = 7,
+ Name = @"Nereones Ahlorsath",
+ Age = @"95",
+ Alignment = @"π Lawful neutral",
+ Race = @"π© Human",
+ Class = @"π₯ Fighter"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 12,
+ ParentID = 9,
+ Name = @"Nalvarti Stonecutter",
+ Age = @"118",
+ Alignment = @"β€οΈ Neutral good",
+ Race = @"π§ββοΈ Elf",
+ Class = @"β€οΈβ Cleric"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 13,
+ ParentID = 1,
+ Name = @"Errk",
+ Age = @"22",
+ Alignment = @"π€ Neutral evil",
+ Race = @"π§π»ββοΈ Half-Elf",
+ Class = @"π» Bard"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 14,
+ ParentID = 5,
+ Name = @"Seven Thundercloud",
+ Age = @"43",
+ Alignment = @"π Lawful good",
+ Race = @"π‘ Locathah",
+ Class = @"βοΈ Paladin"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 15,
+ ParentID = 10,
+ Name = @"Navarra Chergoba",
+ Age = @"16",
+ Alignment = @"π Lawful evil",
+ Race = @"π― Tabaxi",
+ Class = @"β€οΈβ Cleric"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 16,
+ ParentID = 4,
+ Name = @"Sail Snap",
+ Age = @"56",
+ Alignment = @"π Lawful good",
+ Race = @"π³ Arboren",
+ Class = @"πͺ Barbarian"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 17,
+ ParentID = 8,
+ Name = @"Urreek",
+ Age = @"17",
+ Alignment = @"π Lawful evil",
+ Race = @"π§π»ββοΈ Half-Elf",
+ Class = @"π Warlock"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 18,
+ ParentID = 6,
+ Name = @"Morkral Firetamer",
+ Age = @"24",
+ Alignment = @"π€ Neutral evil",
+ Race = @"π² Dragonborn",
+ Class = @"ππ» Monk"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 19,
+ ParentID = 2,
+ Name = @"Vithka",
+ Age = @"53",
+ Alignment = @"π Lawful evil",
+ Race = @"π‘ Locathah",
+ Class = @"βοΈ Paladin"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 20,
+ ParentID = 7,
+ Name = @"Sandrue Avhoste",
+ Age = @"19",
+ Alignment = @"π Chaotic Neutral",
+ Race = @"π² Dragonborn",
+ Class = @"π‘οΈ Rogue"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 21,
+ ParentID = 8,
+ Name = @"Hapah Moq",
+ Age = @"34",
+ Alignment = @"π Lawful evil",
+ Race = @"π
π½ Dwarf",
+ Class = @"π» Bard"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 22,
+ ParentID = 5,
+ Name = @"Kothar",
+ Age = @"55",
+ Alignment = @"π€ Unaligned",
+ Race = @"π§π»ββοΈ Half-Elf",
+ Class = @"π Warlock"
+ });
+ this.Add(new RoleplayTreeGridDataItem()
+ {
+ ID = 23,
+ ParentID = 1,
+ Name = @"Senen",
+ Age = @"40",
+ Alignment = @"π Lawful evil",
+ Race = @"π§π» Hafling",
+ Class = @"π₯ Fighter"
+ });
+ }
+}
diff --git a/samples/grids/tree-grid/cell-editing-sample/wwwroot/events.js b/samples/grids/tree-grid/cell-editing-sample/wwwroot/events.js
index a9940256f..7f9ea31b6 100644
--- a/samples/grids/tree-grid/cell-editing-sample/wwwroot/events.js
+++ b/samples/grids/tree-grid/cell-editing-sample/wwwroot/events.js
@@ -3,14 +3,13 @@ igRegisterScript("WebTreeGridCellEditCellTemplate", (ctx) => {
var html = window.igTemplating.html;
let cellValues = [];
let uniqueValues = [];
- for (const item of ctx.cell.grid.data) {
+ for (const i of ctx.cell.grid.data) {
const field = ctx.cell.column.field;
- const value = item[field];
- if (uniqueValues.indexOf(value) === -1 && value !== "") {
- if (ctx.cell.value == value) {
- cellValues.push(html`${(value)}`);
- } else cellValues.push(html`${(value)}`);
- uniqueValues.push(value);
+ if (uniqueValues.indexOf(i[field]) === -1) {
+ if (ctx.cell.value == i[field]) {
+ cellValues.push(html`${(i[field])}`);
+ } else cellValues.push(html`${(i[field])}`);
+ uniqueValues.push(i[field]);
}
}
return html`
diff --git a/samples/grids/tree-grid/cell-editing-styling/App.razor b/samples/grids/tree-grid/cell-editing-styling/App.razor
new file mode 100644
index 000000000..563b03f94
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/App.razor
@@ -0,0 +1,78 @@
+@using IgniteUI.Blazor.Controls
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+@code {
+
+ protected override async Task OnAfterRenderAsync(bool firstRender)
+ {
+ var treeGrid = this.treeGrid;
+
+ }
+
+ private IgbTreeGrid treeGrid;
+
+ private EmployeesNestedTreeData _employeesNestedTreeData = null;
+ public EmployeesNestedTreeData EmployeesNestedTreeData
+ {
+ get
+ {
+ if (_employeesNestedTreeData == null)
+ {
+ _employeesNestedTreeData = new EmployeesNestedTreeData();
+ }
+ return _employeesNestedTreeData;
+ }
+ }
+
+}
\ No newline at end of file
diff --git a/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.csproj b/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.csproj
new file mode 100644
index 000000000..59eeefe5e
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.csproj
@@ -0,0 +1,21 @@
+
+
+
+ net8.0
+ 3.0
+ Infragistics.Samples
+ Infragistics.Samples
+
+
+
+ 1701;1702,IDE0028,BL0005,0219,CS1998
+
+
+
+
+
+
+
+
+
+
diff --git a/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.sln b/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.sln
new file mode 100644
index 000000000..1e2eda208
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/BlazorClientApp.sln
@@ -0,0 +1,25 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 16
+VisualStudioVersion = 16.0.29613.14
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "BlazorClientApp", "BlazorClientApp.csproj", "{F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}"
+EndProject
+Global
+ GlobalSection(SolutionConfigurationPlatforms) = preSolution
+ Debug|Any CPU = Debug|Any CPU
+ Release|Any CPU = Release|Any CPU
+ EndGlobalSection
+ GlobalSection(ProjectConfigurationPlatforms) = postSolution
+ {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+ {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Debug|Any CPU.Build.0 = Debug|Any CPU
+ {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.ActiveCfg = Release|Any CPU
+ {F69CC3F0-BCD1-4CE6-9F39-CBED14E7FA78}.Release|Any CPU.Build.0 = Release|Any CPU
+ EndGlobalSection
+ GlobalSection(SolutionProperties) = preSolution
+ HideSolutionNode = FALSE
+ EndGlobalSection
+ GlobalSection(ExtensibilityGlobals) = postSolution
+ SolutionGuid = {FC52AAC8-4488-40AE-9621-75F6BA744B18}
+ EndGlobalSection
+EndGlobal
diff --git a/samples/grids/tree-grid/cell-editing-styling/EmployeesNestedTreeData.cs b/samples/grids/tree-grid/cell-editing-styling/EmployeesNestedTreeData.cs
new file mode 100644
index 000000000..1c2d65066
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/EmployeesNestedTreeData.cs
@@ -0,0 +1,219 @@
+using System;
+using System.Collections.Generic;
+public class EmployeesNestedTreeDataItem
+{
+ public double Age { get; set; }
+ public string HireDate { get; set; }
+ public double ID { get; set; }
+ public string Name { get; set; }
+ public string Phone { get; set; }
+ public bool OnPTO { get; set; }
+ public double ParentID { get; set; }
+ public string Title { get; set; }
+}
+
+public class EmployeesNestedTreeData
+ : List
+{
+ public EmployeesNestedTreeData()
+ {
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 55,
+ HireDate = @"2008-03-20",
+ ID = 1,
+ Name = @"Johnathan Winchester",
+ Phone = @"0251-031259",
+ OnPTO = false,
+ ParentID = -1,
+ Title = @"Development Manager"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 42,
+ HireDate = @"2014-01-22",
+ ID = 4,
+ Name = @"Ana Sanders",
+ Phone = @"(21) 555-0091",
+ OnPTO = true,
+ ParentID = -1,
+ Title = @"CEO"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 49,
+ HireDate = @"2014-01-22",
+ ID = 18,
+ Name = @"Victoria Lincoln",
+ Phone = @"(071) 23 67 22 20",
+ OnPTO = true,
+ ParentID = -1,
+ Title = @"Accounting Manager"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 61,
+ HireDate = @"2010-01-01",
+ ID = 10,
+ Name = @"Yang Wang",
+ Phone = @"(21) 555-0091",
+ OnPTO = false,
+ ParentID = -1,
+ Title = @"Localization Manager"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 43,
+ HireDate = @"2011-06-03",
+ ID = 3,
+ Name = @"Michael Burke",
+ Phone = @"0452-076545",
+ OnPTO = true,
+ ParentID = 1,
+ Title = @"Senior Software Developer"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 29,
+ HireDate = @"2009-06-19",
+ ID = 2,
+ Name = @"Thomas Anderson",
+ Phone = @"(14) 555-8122",
+ OnPTO = false,
+ ParentID = 1,
+ Title = @"Senior Software Developer"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 31,
+ HireDate = @"2014-08-18",
+ ID = 11,
+ Name = @"Monica Reyes",
+ Phone = @"7675-3425",
+ OnPTO = false,
+ ParentID = 1,
+ Title = @"Software Development Team Lead"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 35,
+ HireDate = @"2015-09-17",
+ ID = 6,
+ Name = @"Roland Mendel",
+ Phone = @"(505) 555-5939",
+ OnPTO = false,
+ ParentID = 11,
+ Title = @"Senior Software Developer"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 44,
+ HireDate = @"2009-10-11",
+ ID = 12,
+ Name = @"Sven Cooper",
+ Phone = @"0695-34 67 21",
+ OnPTO = true,
+ ParentID = 11,
+ Title = @"Senior Software Developer"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 44,
+ HireDate = @"2014-04-04",
+ ID = 14,
+ Name = @"Laurence Johnson",
+ Phone = @"981-443655",
+ OnPTO = false,
+ ParentID = 4,
+ Title = @"Director"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 25,
+ HireDate = @"2017-11-09",
+ ID = 5,
+ Name = @"Elizabeth Richards",
+ Phone = @"(2) 283-2951",
+ OnPTO = true,
+ ParentID = 4,
+ Title = @"Vice President"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 39,
+ HireDate = @"2010-03-22",
+ ID = 13,
+ Name = @"Trevor Ashworth",
+ Phone = @"981-443655",
+ OnPTO = true,
+ ParentID = 5,
+ Title = @"Director"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 44,
+ HireDate = @"2014-04-04",
+ ID = 17,
+ Name = @"Antonio Moreno",
+ Phone = @"(505) 555-5939",
+ OnPTO = false,
+ ParentID = 18,
+ Title = @"Senior Accountant"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 50,
+ HireDate = @"2007-11-18",
+ ID = 7,
+ Name = @"Pedro Rodriguez",
+ Phone = @"035-640230",
+ OnPTO = false,
+ ParentID = 10,
+ Title = @"Senior Localization Developer"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 27,
+ HireDate = @"2016-02-19",
+ ID = 8,
+ Name = @"Casey Harper",
+ Phone = @"0342-023176",
+ OnPTO = true,
+ ParentID = 10,
+ Title = @"Senior Localization"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 25,
+ HireDate = @"2017-11-09",
+ ID = 15,
+ Name = @"Patricia Simpson",
+ Phone = @"069-0245984",
+ OnPTO = false,
+ ParentID = 7,
+ Title = @"Localization Intern"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 39,
+ HireDate = @"2010-03-22",
+ ID = 9,
+ Name = @"Francisco Chang",
+ Phone = @"(91) 745 6200",
+ OnPTO = false,
+ ParentID = 7,
+ Title = @"Localization Intern"
+ });
+ this.Add(new EmployeesNestedTreeDataItem()
+ {
+ Age = 25,
+ HireDate = @"2018-03-18",
+ ID = 16,
+ Name = @"Peter Lewis",
+ Phone = @"069-0245984",
+ OnPTO = true,
+ ParentID = 7,
+ Title = @"Localization Intern"
+ });
+ }
+}
diff --git a/samples/grids/tree-grid/cell-editing-styling/Program.cs b/samples/grids/tree-grid/cell-editing-styling/Program.cs
new file mode 100644
index 000000000..e7432a51c
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/Program.cs
@@ -0,0 +1,30 @@
+using System;
+using System.Net.Http;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+using System.Text;
+using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.Extensions.Logging;
+using IgniteUI.Blazor.Controls; // for registering Ignite UI modules
+
+namespace Infragistics.Samples
+{
+ public class Program
+ {
+ public static async Task Main(string[] args)
+ {
+ var builder = WebAssemblyHostBuilder.CreateDefault(args);
+ builder.RootComponents.Add("app");
+ builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+ // registering Ignite UI modules
+ builder.Services.AddIgniteUIBlazor(
+ typeof(IgbInputModule),
+ typeof(IgbPaginatorModule),
+ typeof(IgbTreeGridModule)
+ );
+ await builder.Build().RunAsync();
+ }
+ }
+}
diff --git a/samples/grids/tree-grid/cell-editing-styling/Properties/launchSettings.json b/samples/grids/tree-grid/cell-editing-styling/Properties/launchSettings.json
new file mode 100644
index 000000000..18bd6fb5b
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/Properties/launchSettings.json
@@ -0,0 +1,27 @@
+{
+ "iisSettings": {
+ "windowsAuthentication": false,
+ "anonymousAuthentication": true,
+ "iisExpress": {
+ "applicationUrl": "http://localhost:4200",
+ "sslPort": 44385
+ }
+ },
+ "profiles": {
+ "IIS Express": {
+ "commandName": "IISExpress",
+ "launchBrowser": true,
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ }
+ },
+ "BlazorSamples": {
+ "commandName": "Project",
+ "launchBrowser": true,
+ "environmentVariables": {
+ "ASPNETCORE_ENVIRONMENT": "Development"
+ },
+ "applicationUrl": "https://localhost:5001;http://localhost:4200"
+ }
+ }
+}
\ No newline at end of file
diff --git a/samples/grids/tree-grid/cell-editing-styling/_Imports.razor b/samples/grids/tree-grid/cell-editing-styling/_Imports.razor
new file mode 100644
index 000000000..d27d337cb
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/_Imports.razor
@@ -0,0 +1,9 @@
+// these namespaces are global to the app
+@using System.Net.Http
+@using System.Net.Http.Json
+@using Microsoft.AspNetCore.Components.Forms
+@using Microsoft.AspNetCore.Components.Routing
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.AspNetCore.Components.WebAssembly.Http
+@using Microsoft.JSInterop
+@using Infragistics.Samples
diff --git a/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.css b/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.css
new file mode 100644
index 000000000..5aea874e5
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.css
@@ -0,0 +1,11 @@
+/*
+CSS styles are loaded from the shared CSS file located at:
+https://static.infragistics.com/xplatform/css/samples/
+*/
+
+#treeGrid {
+ --cell-editing-background: #4567bb;
+ --cell-active-border-color: #4567bb;
+ --cell-edited-value-color: #fff;
+}
+
diff --git a/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.html b/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.html
new file mode 100644
index 000000000..dde85b4e5
--- /dev/null
+++ b/samples/grids/tree-grid/cell-editing-styling/wwwroot/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
+ Samples | IgniteUI for Blazor | Infragistics
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/samples/grids/tree-grid/column-moving-styles/App.razor b/samples/grids/tree-grid/column-moving-styles/App.razor
index 456fc90ad..37cf69115 100644
--- a/samples/grids/tree-grid/column-moving-styles/App.razor
+++ b/samples/grids/tree-grid/column-moving-styles/App.razor
@@ -6,9 +6,9 @@