diff --git a/browser/IgBlazorSamples.Client/wwwroot/index.html b/browser/IgBlazorSamples.Client/wwwroot/index.html index a65773b69..4c01b31c1 100644 --- a/browser/IgBlazorSamples.Client/wwwroot/index.html +++ b/browser/IgBlazorSamples.Client/wwwroot/index.html @@ -119,6 +119,7 @@ + @@ -156,6 +157,7 @@ + @@ -168,6 +170,7 @@ + @@ -201,6 +204,7 @@ + diff --git a/samples/charts/data-chart/selection-matcher/ReadMe.md b/samples/charts/data-chart/selection-matcher/ReadMe.md new file mode 100644 index 000000000..858ba6ae4 --- /dev/null +++ b/samples/charts/data-chart/selection-matcher/ReadMe.md @@ -0,0 +1,70 @@ + + + +This folder contains implementation of Blazor application with example of Selection Matcher feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. + + + + + + + View Docs + + + View Code + + + Run Sample + + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-blazor-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Setup + +- instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) + +## Running App in Visual Studio 2019 + +NOTE: VS 2019 has better code highlighting and error detection than VS Code does. + +- open **Visual Studio 2019** as an administrator + +- open the **BlazorClientApp.sln** solution + +- right click solution and select **Restore NuGet Packages** menu item + +- click **Debug** menu and select **Start Debugging** or press **F5** key + + +## Running App in VS Code + +- open **VS Code** as an administrator + +- open this folder in **VS Code** + +- open a terminal window + +- to restore assemblies, run this command: +```dotnet restore``` + +- to run samples, run this command: +```dotnet watch run``` + +- wait for for message: +**Now listening on: http://localhost:4200** + +- open **http://localhost:4200** in your browser + + +## Resources + +- [Razor Component Models](https://www.codemag.com/article/1911052) +- [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) +- [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) diff --git a/samples/charts/data-pie-chart/animation-replay/ReadMe.md b/samples/charts/data-pie-chart/animation-replay/ReadMe.md new file mode 100644 index 000000000..b21900e4f --- /dev/null +++ b/samples/charts/data-pie-chart/animation-replay/ReadMe.md @@ -0,0 +1,70 @@ + + + +This folder contains implementation of Blazor application with example of Animation Replay feature using [Data Pie Chart](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. + + + + + + + View Docs + + + View Code + + + Run Sample + + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-blazor-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-blazor-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Setup + +- instal **.NET SDK** from this [website](https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/install) + +## Running App in Visual Studio 2019 + +NOTE: VS 2019 has better code highlighting and error detection than VS Code does. + +- open **Visual Studio 2019** as an administrator + +- open the **BlazorClientApp.sln** solution + +- right click solution and select **Restore NuGet Packages** menu item + +- click **Debug** menu and select **Start Debugging** or press **F5** key + + +## Running App in VS Code + +- open **VS Code** as an administrator + +- open this folder in **VS Code** + +- open a terminal window + +- to restore assemblies, run this command: +```dotnet restore``` + +- to run samples, run this command: +```dotnet watch run``` + +- wait for for message: +**Now listening on: http://localhost:4200** + +- open **http://localhost:4200** in your browser + + +## Resources + +- [Razor Component Models](https://www.codemag.com/article/1911052) +- [Razor Syntax](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#razor-syntax) +- [Getting reference to components](https://docs.microsoft.com/en-us/aspnet/core/blazor/components/?view=aspnetcore-3.1#capture-references-to-components) diff --git a/samples/grids/grid/disabled-summaries/ReadMe.md b/samples/grids/grid/disabled-summaries/ReadMe.md index 6a9d930ad..81699db31 100644 --- a/samples/grids/grid/disabled-summaries/ReadMe.md +++ b/samples/grids/grid/disabled-summaries/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of Blazor application with example of Data Summary Options feature using [Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. +This folder contains implementation of Blazor application with example of Disabled Summaries feature using [Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. @@ -13,10 +13,10 @@ This folder contains implementation of Blazor application with example of Data S View Code - + Run Sample - diff --git a/samples/grids/hierarchical-grid/disabled-summaries/ReadMe.md b/samples/grids/hierarchical-grid/disabled-summaries/ReadMe.md index 99123c0c0..0ed26673f 100644 --- a/samples/grids/hierarchical-grid/disabled-summaries/ReadMe.md +++ b/samples/grids/hierarchical-grid/disabled-summaries/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of Blazor application with example of Data Summary Options feature using [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. +This folder contains implementation of Blazor application with example of Disabled Summaries feature using [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. @@ -13,10 +13,10 @@ This folder contains implementation of Blazor application with example of Data S View Code - + Run Sample - diff --git a/samples/grids/tree-grid/disabled-summaries/ReadMe.md b/samples/grids/tree-grid/disabled-summaries/ReadMe.md index 479e18ccb..c752dec23 100644 --- a/samples/grids/tree-grid/disabled-summaries/ReadMe.md +++ b/samples/grids/tree-grid/disabled-summaries/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of Blazor application with example of Data Summary Options feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. +This folder contains implementation of Blazor application with example of Disabled Summaries feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/general-getting-started.html) component. @@ -13,10 +13,10 @@ This folder contains implementation of Blazor application with example of Data S View Code - + Run Sample -