diff --git a/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor b/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor index f72f15f33..d4f73acba 100644 --- a/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor +++ b/ej2-blazor-samples/Pages/Diagrams/Diagram/Shapes.razor @@ -32,7 +32,6 @@ @code{ EjsDiagram diagram; -EjsSymbolPalette palettes; private static object getFlowShape(string id, string shapeType) { return new { id= id, shape = new { type = "Flow", shape = shapeType } }; diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor index 59c3dc6a8..76cec5405 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/CheckboxColumn.razor @@ -56,8 +56,6 @@ @code{ - EjsTreeGrid treeGrid; - public TreeData.BusinessObject[] treedata { get; set; } protected override void OnInit() diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor index eb19763b3..34c092c69 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFiltering.razor @@ -84,8 +84,6 @@ @code{ - EjsTreeGrid treeGrid; - public TreeData.BusinessObject[] treedata { get; set; } protected override void OnInit() diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor index ed53fb7d0..02857f073 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/DefaultFunctionalities.razor @@ -54,7 +54,6 @@ @code{ - EjsTreeGrid treeGrid; public List treedata { get; set; } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor index b07013adc..6d8980c81 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/Editing.razor @@ -66,8 +66,6 @@ @code{ - - EjsTreeGrid treeGrid; public List treedata { get; set; } diff --git a/ej2-blazor-samples/Pages/Grids/TreeGrid/Sorting.razor b/ej2-blazor-samples/Pages/Grids/TreeGrid/Sorting.razor index 891d20e56..86a7a339d 100644 --- a/ej2-blazor-samples/Pages/Grids/TreeGrid/Sorting.razor +++ b/ej2-blazor-samples/Pages/Grids/TreeGrid/Sorting.razor @@ -82,8 +82,6 @@ @code{ - EjsTreeGrid treeGrid; - public List treedata { get; set; } protected override void OnInit() diff --git a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor index b0554ef54..2015859bb 100644 --- a/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor +++ b/ej2-blazor-samples/Pages/HeatMapChart/HeatMapChart/Emptypoints.razor @@ -5,7 +5,6 @@ @*Hidden:Lines*@ @using ej2_blazor_samples @using ej2_blazor_heatmapdata -@using Syncfusion.EJ2.RazorComponents.HeatMap @{ SampleBrowser.CurrentSampleName = "Empty Points"; diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor index 82aff7986..20c1bf059 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/AdvanceFiltering.razor @@ -107,8 +107,6 @@ To achieve this in code-behind, use the filterSettings object in th @functions{ - EjsPivotView pivotView; - static PivotViewData pivotData = new PivotViewData(); private List data = pivotData.GetPivot_Data(); diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor index 7947a19e6..625583d4d 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/Chart.razor @@ -94,8 +94,6 @@ @functions{ - EjsPivotView pivotView; - static PivotViewData pivotData = new PivotViewData(); private List data = pivotData.GetPivot_Data(); diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor index 4eb929948..c7a9e990b 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/DefaultFunctionalities.razor @@ -68,7 +68,6 @@ @functions{ - EjsPivotView pivotView; static PivotViewData pivotData = new PivotViewData(); diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor index 5af9a36d3..8b7f1631a 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/Editing.razor @@ -95,8 +95,6 @@ @functions{ - EjsPivotView pivotView; - static PivotViewData pivotData = new PivotViewData(); private List data = pivotData.GetPivot_Data(); diff --git a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor index e9a86e447..e4687b840 100644 --- a/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor +++ b/ej2-blazor-samples/Pages/PivotView/PivotTable/UserInteraction.razor @@ -72,7 +72,6 @@ @functions{ - EjsPivotView pivotView; static PivotViewData pivotData = new PivotViewData(); diff --git a/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor b/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor index 732792ebe..a3324f53a 100644 --- a/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor +++ b/ej2-blazor-samples/Pages/Schedule/Schedule/TimelineResourceGroup.razor @@ -60,7 +60,7 @@ if the colors of parent level needs to be applied to those child events, then it @code{ static ScheduleData Data = new ScheduleData(); - public new string[] GroupData = new string[] { "Projects", "Categories" }; + public string[] GroupData = new string[] { "Projects", "Categories" }; private List ProjectData { get; set; } = new List { new {text = "PROJECT 1", id= 1, color= "#cb6bb2"}, new {text = "PROJECT 2", id= 2, color= "#56ca85"}, diff --git a/ej2-blazor-samples/Shared/MainLayout.razor b/ej2-blazor-samples/Shared/MainLayout.razor index 8ad605104..c978f41d4 100644 --- a/ej2-blazor-samples/Shared/MainLayout.razor +++ b/ej2-blazor-samples/Shared/MainLayout.razor @@ -26,11 +26,11 @@ Essential JS 2 for ASP.NET Core -
-
- -
-
+
+
+ +
+
@@ -42,10 +42,10 @@ @*
- -
*@ + + *@ +
+ +
+ +
+ +
+ +
+ +
+
Default
+
+ + +
+
+
+ +
+ +
+ +
+ +
+ +
+
+
+
Circle
+
+
+
+ + + + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Avatar/Types.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Avatar/Types.razor.txt new file mode 100644 index 000000000..844eb80ab --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Avatar/Types.razor.txt @@ -0,0 +1,239 @@ +@page "/Avatar/Types" + +@using Syncfusion.EJ2.RazorComponents.Buttons +@using Syncfusion.EJ2.RazorComponents.Layouts + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Badge"; + SampleBrowser.CurrentControlName = "Avatar"; + SampleBrowser.CurrentControlCategory = "Layouts"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Avatar; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the different types of content that are used with avatar component like SVG icons, Font icons, + words, letters, and images. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The avatar component is flexible to support various types of icons and images. In this sample, the content like SVG, + font icons, and letters will be wrapped by the avatar element. +

" + }; +} +@*End:Hidden*@ +
+
+
+ +
+
+ +
+ avatar +
+
+
+
Image
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
SVG
+
+
+
+ +
+ +
+
+ +
GR
+
+
+
Initial
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
Font Icon
+
+
+
+ +
+ +
+
+ +
User
+
+
+
Word
+
+
+
+ +
+ +
+
+ +
+
+
+
+
+
Custom
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/BasicCard.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/BasicCard.razor.txt new file mode 100644 index 000000000..c3dffa919 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/BasicCard.razor.txt @@ -0,0 +1,117 @@ +@page "/Card/BasicCard" + +@using Syncfusion.EJ2.RazorComponents.Layouts + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "BasicCard"; + SampleBrowser.CurrentControlName = "Card"; + SampleBrowser.CurrentControlCategory = "Card"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Card; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates card rendering with the following basic weather layout. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The card is a small content display area in which specific structure of the content can be shown. This sample demonstrates the defined structure and predefined classes for adding basic cards with header, and content elements. +

" + }; +} +@*End:Hidden*@ + +
+
+
+
+
+ +
+
+
+
Debunking Five Data Science Myths
+
By John Doe | Jan 20, 2018
+
+
+
+ Tech evangelists are currently pounding their pulpits about all things AI, machine learning, analytics—anything that sounds + like the future and probably involves lots of numbers. Many of these topics can be grouped under + the intimidating term data science. +
+
+ +
+
+
+
+ +
+
+
+
Today
+
New York - Scattered Showers.
+
+
+
+
+
+
1º / -4º
+
Chance for snow: 100%
+
+
+
+
+
+
+
+
+ + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/HorizontalCard.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/HorizontalCard.razor.txt new file mode 100644 index 000000000..ba38d3768 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/HorizontalCard.razor.txt @@ -0,0 +1,221 @@ +@page "/Card/HorizontalCard" + +@using Syncfusion.EJ2.RazorComponents.Layouts + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "HorizontalCard"; + SampleBrowser.CurrentControlName = "Card"; + SampleBrowser.CurrentControlCategory = "Card"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Card; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates card rendering with horizontal layout. Based on the horizontal structure, product card is shown with detailed information. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ By default, card elements are stacked one after another vertically. You can customize the card with specific direction by adding e-card-horizontal to align elements horizontally. Using e-card-stacked class, you can split the horizontal layout with a stacked element on left or right of the card. +

+
" + }; +} +@*End:Hidden*@ + +
+
+
+
+
+ +
+
+
+
+
iPhone X
+
Marketed by Apple Inc
+
+
+
+ The iPhone X has a 5.8-inch diagonal OLED color-accurate screen, has two cameras on the rear. One is a 12-megapixel with + support for face detection. It is capable of capturing 4K video at 24, 30 or 60 frames per + second. It supports Qi-standard wireless charging. +
+
+ + +
+
+ iPhone X +
+
+
+
+ +
+
+
+
+
Philips Trimmer
+
+
+
+ Philips trimmers are designed to last longer than 4 ordinary trimmers and DuraPower Technology which optimizes power. +
+
+ +
+ +
+ +
+
+
+
Canon 135mm
+
+
+
+ The fastest 135mm telephoto lens in its class. Two UD-glass elements correct secondary spectrum for outstanding sharpness and color. +
+
+
+
+
+
+
+
+ +
+ + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/VerticalCard.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/VerticalCard.razor.txt new file mode 100644 index 000000000..ffa36cb2e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Card/VerticalCard.razor.txt @@ -0,0 +1,293 @@ +@page "/Card/VerticalCard" + +@using Syncfusion.EJ2.RazorComponents.Layouts + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "VerticalCard"; + SampleBrowser.CurrentControlName = "Card"; + SampleBrowser.CurrentControlCategory = "Card"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Card; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates rendering of vertical layout card with business and profile card information. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The vertical card sample illustrate card contents in vertically aligned layout with header, content, and action buttons. +

" + }; +} +@*End:Hidden*@ + +
+
+
+
+
+ +
+
+
+
Mayumi Ohno
+
Marketing Representative
+
+
+
+ + + +
+
+
+
+
+
+
+
John Doe
+
Real Estate Agent
+
+
+
+ + + + + + + + + + +
johndoe@mail.com
011-141-221
www.johndoe.com
+
+
+
+
+
+
+
+
+
+
+
Laura Callahan
+
Sales Coordinator
+
+
+
+
+ Laura received a BA in psychology from the University of Washington. She has also completed a course in business French. + She reads and writes French. +
+
+ + + + +
+
+
+
+
+
+
+ + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/DashboardLayout/Default.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/DashboardLayout/Default.razor.txt new file mode 100644 index 000000000..ed45d9359 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/DashboardLayout/Default.razor.txt @@ -0,0 +1,102 @@ +@page "/DashboardLayout/Default" + +@using Syncfusion.EJ2.RazorComponents.Layouts + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default"; + SampleBrowser.CurrentControlName = "DashboardLayout"; + SampleBrowser.CurrentControlCategory = "Layouts"; + SampleBrowser.CurrentControl = SampleBrowser.Config.DashboardLayout; + SampleBrowser.ActionDescription = new string[] { + @"

+ The following sample demonstrates the default functionalities of the DashboardLayout component. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The DashboardLayout component provides the capability to arrange, resize and reorder the panels within the dashboard layout. +

" + }; +} +@*End:Hidden*@ + +
+ + +
+
+
0
+
+
+
+
+
1
+
+
+
+
+
2
+
+
+
+
+
3
+
+
+
+
+
4
+
+
+
+
+
5
+
+
+
+
+
6
+
+
+
+
+
7
+
+
+ + +
+ + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Listview/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Listview/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..db7d2909d --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/Listview/DefaultFunctionalities.razor.txt @@ -0,0 +1,161 @@ +@page "/Listview/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Lists + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Listview"; + SampleBrowser.CurrentControlCategory = "Layouts"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Listview; + SampleBrowser.ActionDescription = new string[] { + @"

+

This sample demonstrates the default functionalities of the ListView. Click any list item to select and highlight an item. +

" + }; + SampleBrowser.Description = new string[] { + @"

ListView component represent data in interactive hierarchical structure interface across different layouts or views, that also has the features of data-binding, template rendering, and grouping.

+ +

The group list allows to group the relevant items under a logical category by mapping the groupBy field.

+ +

In this sample, Cars are grouped based on their category. +

" + }; +} +@using Syncfusion.EJ2 +
+
+

Flat List

+ + + +
+
+

Group List

+ + + + +
+
+} + + + +@functions{ + object[] listdata = + { + new + { + text = "Audi A4", + id = "9bdb", + category = "Audi" + }, + new + { + text = "Audi A4", + id = "9bdb", + category = "Audi" + }, + new + { + text = "Audi A5", + id = "4589", + category = "Audi" + }, + + new + { + text = "Audi A6", + id = "e807", + category = "Audi" + }, + new + { + text = "Audi A7", + id = "a0cc", + category = "Audi" + }, + new + { + text = "Audi A8", + id = "5e26", + category = "Audi" + }, + new + { + text = "BMW 501", + id = "f849", + category = "BMW" + }, + new + { + text = "BMW 502", + id = "7aff", + category = "BMW" + }, + new + { + text = "BMW 503", + id = "b1da", + category = "BMW" + }, + new + { + text = "BMW 507", + id = "de2f", + category = "BMW" + }, + new + { + text = "BMW 3200", + id = "b2b1", + category = "BMW" + } + }; + object[] data = + { + new { text = "Hennessey Venom", id = "list-01" }, + new { text = "Bugatti Chiron", id = "list-02" }, + new { text = "Bugatti Veyron Super Sport", id = "list-03" }, + new { text = "SSC Ultimate Aero", id = "list-04" }, + new { text = "Koenigsegg CCR", id = "list-05" }, + new { text = "McLaren F1", id = "list-06" }, + new { text = "Aston Martin One- 77", id = "list-07" }, + new { text = "Jaguar XJ220", id = "list-08" }, + new { text = "McLaren P1", id = "list-09" }, + new { text = "Ferrari LaFerrari", id = "list-10" } + }; +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/SampleList.cs.txt new file mode 100644 index 000000000..3087e2db4 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Layouts/SampleList.cs.txt @@ -0,0 +1,86 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Card { get; set; } = new List{ + new Sample + { + Name = "BasicCard", + Category = "Card", + Directory = "Layouts/Card", + FileName = "BasicCard.razor", + Url = "Card/BasicCard", + Type = SampleType.New + }, + new Sample + { + Name = "VerticalCard", + Category = "Card", + Directory = "Layouts/Card", + FileName = "VerticalCard.razor", + Url = "Card/VerticalCard", + Type = SampleType.New + }, + new Sample + { + Name = "HorizontalCard", + Category = "Card", + Directory = "Layouts/Card", + FileName = "HorizontalCard.razor", + Url = "Card/HorizontalCard", + Type = SampleType.New + }, + }; + public List Listview { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Listview", + Directory = "Layouts/Listview", + Url = "Listview/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + } + }; + public List Avatar { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Avatar", + Directory = "Layouts/Avatar", + Url = "Avatar/Default", + FileName = "Default.razor", + Type = SampleType.New, + }, + new Sample + { + Name = "Badge", + Category = "Avatar", + Directory = "Layouts/Avatar", + Url = "Avatar/Types", + FileName = "Types.razor", + Type = SampleType.New, + } + }; + public List DashboardLayout { get; set; } = new List{ + new Sample + { + Name = "Default", + Category = "Dashboard Layout", + Directory = "Layouts/DashboardLayout", + Url = "DashboardLayout/Default", + FileName = "Default.razor", + Type = SampleType.New + } + }; + } + + + + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/Container.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/Container.razor.txt new file mode 100644 index 000000000..e6ba65d8b --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/Container.razor.txt @@ -0,0 +1,69 @@ +@page "/LinearGauge/Container" + +@using Syncfusion.EJ2.RazorComponents.LinearGauge +@using Syncfusion.EJ2.RazorComponents.DropDowns +@using Newtonsoft.Json; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Container"; + SampleBrowser.CurrentControlName = "LinearGauge"; + SampleBrowser.CurrentControlCategory = "LinearGauge"; + SampleBrowser.CurrentControl = SampleBrowser.Config.LinearGauge; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the type of containers used in linear gauge. Orientation and container type of linear gauge can be changed by using Orientation and Container Type options +

" + }; + SampleBrowser.Description = new string[] { + @"

+ This sample demonstrates the orientation and container customization in linear gauge. The gauge can be rendered either in + vertical or horizontal orientation. And you can use type property in container to change the + type of the container. +

+
+

+ More information about container can be found in this + documentation section. +

" + }; +} +@*End:Hidden*@ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..8a59d4686 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/DefaultFunctionalities.razor.txt @@ -0,0 +1,61 @@ +@page "/LinearGauge/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.LinearGauge +@using Newtonsoft.Json; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "LinearGauge"; + SampleBrowser.CurrentControlCategory = "LinearGauge"; + SampleBrowser.CurrentControl = SampleBrowser.Config.LinearGauge; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample illustrates the default rendering of linear gauge. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ This sample demonstrates the default linear gauge. The linear gauge control indicates the values of scales in horizontal + or vertical sliding meter. You can use axes, + ranges, pointers and container properties to customize the appearance of the + gauge. an axis, annotation and a pointer has been used. +

+
+

+ More information about linear gauge can be found in this + documentation section. +

" + }; +} +@*End:Hidden*@ + +
+ + + + + + + + + + + + + + + + + + + + +
+ \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/samplelist.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/samplelist.cs.txt new file mode 100644 index 000000000..f06df9aa5 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/LinearGauge/LinearGauge/samplelist.cs.txt @@ -0,0 +1,32 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List LinearGauge { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "LinearGauge", + Directory = "LinearGauge/LinearGauge", + Url = "LinearGauge/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Container", + Category = "LinearGauge", + Directory = "LinearGauge/LinearGauge", + Url = "LinearGauge/Container", + FileName = "Container.razor", + Type = SampleType.New + } + + }; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Bubble.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Bubble.razor.txt new file mode 100644 index 000000000..931906f79 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Bubble.razor.txt @@ -0,0 +1,176 @@ +@page "/Maps/Bubble" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Bubble"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample illustrates the top 30 countries which has highest Internet users in bubbles of the year 2016. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render the bubbles for each shape in a map. Values of the shapes can be determined from the size and color of the bubbles. You can bind the desired colors from the data source to the bubbles. + +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a bubble or tap a bubble in touch enabled devices. +

+
+

Injecting Module

+

+ Maps component features are segregated into individual feature-wise modules. To use the bubbles, inject the Bubble module using the < code > Maps.Inject(Bubble) method. + " + }; +} +@*End:Hidden*@ + +

+ +
+ + +@functions { + + public object zoomSettings = new + { + enable= true, + horizontalAlignment= "Near", + toolBarOrientation= "Vertical", + pinchZooming= true + }; + + public object titleSettings { get; set; } = new + { + text = "Top 30 countries with highest Internet users", + textStyle = new + { + size = "16px" + } + }; + + public static object[] internetUser = + { + new{ rank= 1, name= "China", value= bubblesize(746662194), color= "#7F38A0", population= 746662194}, + new {rank= 2, name= "India", value= bubblesize(391292635), color= "#7F38A0 ", population= 391292635 }, + new {rank= 3, name= "United States", value= bubblesize(245436423), color= "#99295D ",population= 245436423 }, + new {rank= 4, name= "Brazil", value= bubblesize(123927230), color= "#364A98",population= 123927230 }, + new {rank= 5, name= "Japan", value= bubblesize(117528631), color= "#7F38A0 ",population= 117528631 }, + new {rank= 6, name= "Russia", value= bubblesize(110003284), color= "#2E769F",population= 110003284 }, + new {rank= 7, name= "Mexico", value= bubblesize(75937568), color= "#99295D ",population= 75937568 }, + new {rank= 8, name= "Germany", value= bubblesize(73436503), color= "#2E769F", population= 73436503 }, + new {rank= 9, name= "Indonesia", value= bubblesize(66244991), color= "#7F38A0 ", population= 66244991 }, + new {rank= 10, name= "United Kingdom", value= bubblesize(62354410), color= "#2E769F", population= 62354410 }, + new {rank= 11, name= "Philippines", value= bubblesize(57342723), color= "#7F38A0 ", population= 57342723 }, + new {rank= 12, name= "France", value= bubblesize(55413854), color= "#2E769F", population= 55413854 }, + new {rank= 13, name= "Nigeria", value= bubblesize(47743541), color= "#816F28", population= 47743541 }, + new {rank= 14, name= "South Africa", value= bubblesize(47094267), color= "#816F28", population= 47094267 }, + new {rank= 15, name= "Turkey", value= bubblesize(46395500), color= "#2E769F", population= 46395500 }, + new {rank= 16, name= "Vietnam", value= bubblesize(43974618), color= "#7F38A0 ", population= 43974618 }, + new {rank= 17, name= "Iran", value= bubblesize(42731675), color= "#7F38A0 ", population= 42731675 }, + new {rank= 18, name= "Egypt", value= bubblesize(37519531), color= "#816F28", population= 37519531 }, + new {rank= 19, name= "Spain", value= bubblesize(37337607), color= "#2E769F", population= 37337607 }, + new {rank= 20, name= "Italy", value= bubblesize(36442438), color= "#2E769F", population= 36442438 }, + new {rank= 21, name= "Thailand", value= bubblesize(32710169), color= "#7F38A0 ", population= 32710169 }, + new {rank= 22, name= "Canada", value= bubblesize(32602776), color= "#99295D ", population= 32602776 }, + new {rank= 23, name= "Argentina", value= bubblesize(30758972), color= "#364A98", population= 30758972 }, + new {rank= 24, name= "South Africa", value= bubblesize(30248355), color= "#816F28", population= 30248355 }, + new {rank= 25, name= "Pakistan", value= bubblesize(29965859), color= "#7F38A0 ", population= 29965859 }, + new {rank= 26, name= "Bangladesh", value= bubblesize(29738660), color= "#7F38A0 ", population= 29738660 }, + new {rank= 27, name= "Colombia", value= bubblesize(28287098), color= "#364A98", population= 28287098 }, + new {rank= 28, name= "Poland", value= bubblesize(28018492), color= "#2E769F", population= 28018492 }, + new {rank= 29, name= "Malaysia", value= bubblesize(24572446), color= "#7F38A0 ", population= 24572446 }, + new {rank= 30, name= "Saudi Arabia", value= bubblesize(23803319), color= "#7F38A0 ", population= 23803319 }, + }; + public static double bubblesize(int value) + { + int max = 1347565324; + int min = 324366; + double maxBox = 70 * 70 * 2 * Math.PI; + double minBox = 3 * 3 * 2 * Math.PI; + double box = (value - min) / (max - min) * (maxBox - minBox) + minBox; + if (box < minBox) + { + box = minBox; + } + return Math.Sqrt(box / (Math.PI * 2)) / 2; + } + + public List layers { get; set; } = new List + { + new { + shapeData = new { + async= true, + dataOptions= "scripts/MapsData/WorldMap.json", + type= "GET" + }, + shapeSettings= new { + fill= "#E5E5E5" + }, + bubbleSettings= new List { + new { + visible= true, + valuePath= "value", + colorValuePath= "color", + minRadius= 3, + maxRadius= 70, + opacity= 0.8, + dataSource= internetUser, + tooltipSettings= new { + visible= true, + valuePath= "population", + template ="#template" + } + } + } + } + }; +} + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..ae61f866a --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/DefaultFunctionalities.razor.txt @@ -0,0 +1,221 @@ +@page "/Maps/DefaultFunctionalities" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName="Default Functionalities"; + SampleBrowser.CurrentControlName="Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the continents in the world by rendering these in a map layer. Also marks the office locations of YouTube in the world using markers. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render a map with the provided GeoJSON data. Group of shapes can be combined to form a layer of the map. You can bind the desired colors from the data source to the map shapes. The marker templates are used to display the names for shapes and mark specific locations. Legend is enabled in this example to represent each continent. +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker in touch enabled devices. +

+
+

Injecting Module

+

+ Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the < code > Maps.Inject(Marker) method, and use a legend by injecting the Legend module. + + + " + }; +} +@*End:Hidden*@ + +

+
+ + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ +@functions { + public class offset + { + public double x; + public double y; + }; + + public offset MapOffset = new offset + { + x = 0.5, + y = -10 + }; + + public String ShapePropertyPath = "continent"; + public String ShapeDataPath = "continent"; + public class Tooltip { + public Boolean visible; + public string valuePath; + }; + public Tooltip tooltip1 = new Tooltip { + visible=true, + valuePath="name", + }; + public String template1 = "
Asia" + + "
"; + public String template2 = "
Australia" + + "
"; + public String template3 = "
Africa" + + "
"; + public String template4 = "
Europe" + + "
"; + public String template5 = "
North America" + + "
"; + public String template6 = "
South America" + + "
"; + public class MapMarker + { + public double latitude; + public double longitude; + }; + public List marker1 = new List { + new MapMarker { latitude= 50.32087157990324, longitude= 90.015625 } + }; + public List marker2 = new List { + new MapMarker { latitude= -25.88583769986199, longitude= 134.296875 } + }; + public List marker3 = new List { + new MapMarker { latitude= 16.97274101999902, longitude= 16.390625 } + }; + public List marker4 = new List { + new MapMarker { latitude= 49.95121990866204, longitude= 18.468749999999998 } + }; + public List marker5 = new List { + new MapMarker { latitude= 59.88893689676585, longitude= -109.3359375 } + }; + public List marker6 = new List { + new MapMarker { latitude= -6.64607562172573, longitude= -55.54687499999999 } + }; + + public MapDataSettings MapShapeData = new MapDataSettings{ + async= true, + dataOptions= "scripts/MapsData/WorldMap.json", + type= "GET" + }; + public class MapDataSettings + { + public Boolean async{ get; set; } + public String dataOptions { get; set; } + public String type { get; set; } + }; + + public class MapDataSource + { + public string drillColor; + public string continent; + public string CategoryName; + public double Sales; + public string color; + }; + public List datasource = new List{ + new MapDataSource { + drillColor= "#C13664", + continent= "North America", + CategoryName= "Books", + Sales= 10882, + color= "#71B081" + }, + new MapDataSource { + drillColor= "#9C3367", + continent= "South America", + CategoryName= "Books", + Sales= 13776, + color= "#5A9A77" + }, + new MapDataSource { + drillColor= "#80306A", + continent= "Africa", + CategoryName= "Books", + Sales= 18718.0, + color= "#498770" + }, + new MapDataSource { + drillColor= "#622D6C", + continent= "Europe", + CategoryName= "Books", + Sales= 3746, + color= "#39776C" + }, + new MapDataSource { + drillColor= "#462A6D", + continent= "Asia", + CategoryName= "Books", + Sales= 10688, + color= "#266665" + }, + new MapDataSource { + drillColor= "#2A2870", + continent= "Australia", + CategoryName= "Books", + Sales= 30716, + color= "#124F5E" + } + }; + public class MapMarkerDataSource + { + public double latitude; + public double longitude; + public string name; + }; + public List MarkerDataSource = new List { + new MapMarkerDataSource{ latitude= 37.6276571, longitude= -122.4276688, name= "San Bruno" }, + new MapMarkerDataSource{ latitude= 33.5302186, longitude= -117.7418381, name= "Laguna Niguel" }, + new MapMarkerDataSource{ latitude= 40.7424509, longitude= -74.0081468, name= "New York" }, + new MapMarkerDataSource{ latitude= -23.5268201, longitude= -46.6489927, name= "Bom Retiro" }, + new MapMarkerDataSource{ latitude= 43.6533855, longitude= -79.3729994, name= "Toronto" }, + new MapMarkerDataSource{ latitude= 48.8773406, longitude= 2.3299627, name= "Paris" }, + new MapMarkerDataSource{ latitude= 52.4643089, longitude= 13.4107368, name= "Berlin" }, + new MapMarkerDataSource{ latitude= 19.1555762, longitude= 72.8849595, name= "Mumbai" }, + new MapMarkerDataSource{ latitude= 35.6628744, longitude= 139.7345469, name= "Minato" }, + new MapMarkerDataSource{ latitude= 51.5326602, longitude= -0.1262422, name= "London" } + }; + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Multilayer.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Multilayer.razor.txt new file mode 100644 index 000000000..34272e929 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Multilayer.razor.txt @@ -0,0 +1,158 @@ +@page "/Maps/Multilayer" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Multi-layers"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample depicts the layers along with sublayers. Countries in the African and Australian continents are rendered in the sublayers. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render a sublayer in map. Sublayers are used to render the desired shapes over the existing layers. Any number of sublayers can be added to a map. You can use the fill, width, and color properties in the border to customize the appearance of the shapes. + +

" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Source: + www.samsung.com +
+
+ + +@functions { + + public class MapDataSettings +    { +        public Boolean async{ get; set; } +        public String dataOptions { get; set; } +        public String type { get; set; } +    } + public MapDataSettings MapDataSource = new MapDataSettings{ + async= true, + dataOptions= "scripts/MapsData/usa.json", + type= "GET" + }; + public MapDataSettings SubLayer = new MapDataSettings{ + async= true, + dataOptions= "scripts/MapsData/texas.json", + type= "GET" + }; + public MapDataSettings SubLayers = new MapDataSettings{ + async= true, + dataOptions= "scripts/MapsData/california.json", + type= "GET" + }; + public class MapMarker +    { + public double latitude; + public double longitude; + public String name; +    }; + public List MarkerDataSource = new List { + new MapMarker {latitude= 30.267153,longitude= -97.7430608, name= "Austin" } + }; + public List MarkerDataSources = new List { + new MapMarker {latitude= 31.80289258670676,longitude= -98.96484375 } + }; + public List marker1 = new List { + new MapMarker {latitude= 37.3382082,longitude= -121.8863286, name= "San Jose," } + }; + public List marker2 = new List { + new MapMarker {latitude= 37.09023980307208,longitude= -119.35546875000001 } + }; + public class Border +    { + public String color; + public String width; +    }; + public Border shapeBorder = new Border { + color ="black", + width ="0.2" + }; + public Border markerBorder = new Border { + color ="#1a9cff", + width ="0.25" + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Projection.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Projection.razor.txt new file mode 100644 index 000000000..1a619eed2 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Projection.razor.txt @@ -0,0 +1,82 @@ +@page "/Maps/Projection" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Projection"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+ +
+@functions { + + public object zoomSettings = new + { + enable = false + }; + public object legendSettings = new + { + visible = true + }; + public object titleSettings { get; set; } = new + { + text = "Members of the UN Security Council", + textStyle = new + { + size = "16px" + }, + subtitleSettings = new + { + text = "- In 2017", + alignment = "Far" + } + }; + public List layers { get; set; } = new List + { + new { + shapeData = new { + async= true, + dataOptions= "scripts/MapsData/WorldMap.json", + type= "GET" + }, + shapeDataPath= "Country", + shapePropertyPath= "name", + dataSource = new { + async= true, + dataOptions= "scripts/MapsData/projection-datasource.json", + type= "GET" + }, + tooltipSettings= new { + visible= true, + valuePath= "Country", + }, + shapeSettings= new { + fill= "#E5E5E5", + colorMapping= new object[] { + new { + value= "Permanent", + color= "#EDB46F" + }, + new { + color= "#F1931B", + value= "Non-Permanent" + } + }, + colorValuePath= "Membership" + } + } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Tooltip.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Tooltip.razor.txt new file mode 100644 index 000000000..6db7b3626 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/Tooltip.razor.txt @@ -0,0 +1,162 @@ +@page "/Maps/Tooltip" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Tooltip"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample depicts the countries that were appeared in the finals of Cricket World Cup and their counts. By hovering the mouse over the shapes, county name, finalist count, and winning count will be displayed in the tooltip template. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render the custom HTML element as tooltip. To see the tooltip in action, hover the mouse over a shape or tap a shape in touch enabled devices. Also, the interactive legend has been placed at the left of the map. +

+
+

Injecting Module

+

+ Maps component features are segregated into individual feature-wise modules. To use a tooltip, inject the MapsTooltip module using the < code > Maps.Inject(MapsTooltip) method. + " + }; +} +@*End:Hidden*@ + +

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ Source: + en.wikipedia.org +
+
+ + +@functions { + public String value1 { get; set; } = "1"; + public String value2 { get; set; } = "2"; + public String value3 { get; set; } = "3"; + public String value4 { get; set; } = "7"; + + public String color1 { get; set; } = "#b3daff"; + public String color2 { get; set; } = "#80c1ff"; + public String color3 { get; set; } = "#1a90ff"; + public String color4 { get; set; } = "#005cb3"; + + public String fill1 { get; set; } = "#E5E5E5"; + + public String color { get; set; } = "value1"; + + public MapDataSettings MapShapeData = new MapDataSettings + { + async = true, + dataOptions = "scripts/MapsData/WorldMap.json", + type = "GET" + }; + + public String ShapePropertyPath = "name"; + + public String ShapeDataPath = "name"; + + public List datasource = new List { + new data { name="India", value1="3", value2="2", country="India" }, + new data { name="Dominican Rep.", value1="3", value2="2", country="West Indies" }, + new data { name="Cuba", value1="3", value2="2", country="West Indies" }, + new data { name="Jamaica", value1="3", value2="2", country="West Indies" }, + new data { name="Haiti", value1="3", value2="2", country="West Indies" }, + new data { name="Guyana", value1="3", value2="2", country="West Indies" }, + new data { name="Suriname", value1="3", value2="2", country="West Indies" }, + new data { name="Trinidad and Tobago", value1="3", value2="2", country="West Indies" }, + new data { name="Sri Lanka", value1="3", value2="1", country="Sri Lanka" }, + new data { name="United Kingdom", value1="3", value2="0", country="England" }, + new data { name="Pakistan", value1="2", value2="1", country="Pakistan" }, + new data { name="new Zealand", value1="1", value2="0", country="new Zealand" }, + new data { name="Australia", value1="7", value2="5", country="Australia" } + }; + + public class MapDataSettings + { + public Boolean async { get; set; } + public String dataOptions { get; set; } + public String type { get; set; } + }; + + public class data + { + public string name; + public string value1; + public string value2; + public string country; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/marker.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/marker.razor.txt new file mode 100644 index 000000000..d970fb7d2 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/marker.razor.txt @@ -0,0 +1,321 @@ +@page "/Maps/Marker" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Marker"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the top 25 populated cities in the world by displaying the markers in their locations. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render the markers in a map. Markers are used to indicate or mark a particular location on the map with desired symbols. + +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over a marker or tap a marker in touch enabled devices. +

+
+

Injecting Module

+

+ Maps component features are segregated into individual feature-wise modules. To use a marker, inject the Marker module using the < code > Maps.Inject(Marker) method. + " + }; +} +@*End:Hidden*@ + +

+
+ + + + + + + + + + + + + + + + + + +
+
+ Source: + www.citymayors.com +
+
+ + +@functions { + + public string valuePath ="population"; + public class MapDataSettings +    { +        public Boolean async{ get; set; } +        public String dataOptions { get; set; } +        public String type { get; set; } +    } + public MapDataSettings MapDataSource = new MapDataSettings{ + async= true, + dataOptions= "scripts/MapsData/WorldMap.json", + type= "GET" + }; + public class Border +    { + public String color; + public double width; +    }; + public Border markerBorder = new Border { + color ="#285255", + width = 2 + }; + public class Tooltip{ +        public Boolean visible; +        public string valuePath; +        public string template; +    }; +    public Tooltip tooltip = new Tooltip { +        visible= true, +        valuePath ="population", +        template ="#template" +    }; + public class MapMarker +    { + public double latitude; + public double longitude; + public String name; + public double population; + public String Country; +    }; + public List MarkerDataSource = new List { + new MapMarker { + name= "Tokyo", + latitude= 35.6894875, + longitude= 139.6917064, + population= 33200000, + Country= "Japan" + }, + new MapMarker { + name= "New York", + latitude= 40.7127753, + longitude= -74.0059728, + population= 17800000, + Country= "United States" + }, + new MapMarker { + name= "Sao Paulo", + latitude= -23.5505199, + longitude= -46.6333094, + population= 17700000, + Country= "Brazil" + }, + new MapMarker { + name= "Seoul/Incheon", + latitude= 37.566535, + longitude= 126.9779692, + population= 17500000, + Country= "South Korea" + }, + new MapMarker { + name= "Mexico City", + latitude= 19.2464696, + longitude= -99.1013498, + population= 17400000, + Country= "Mexico" + }, + new MapMarker { + name= "Osaka/Kobe/Kyoto", + latitude= 35.0212466, + longitude= 135.7555968, + population= 16425000, + Country= "Japan" + }, + new MapMarker { + name= "Manila", + latitude= 14.5995124, + longitude= 120.9842195, + population= 14750000, + Country= "Philippines" + }, + new MapMarker { + name= "Mumbai", + latitude= 19.0759837, + longitude= 72.8776559, + population= 14350000, + Country= "India" + }, + new MapMarker { + name= "Delhi", + latitude= 28.6139391, + longitude= 77.2090212, + population= 14300000, + Country= "India" + }, + new MapMarker { + name= "Jakarta", + latitude= -6.17511, + longitude= 106.8650395, + population= 14250000, + Country= "Indonesia" + }, + new MapMarker { + name= "Lagos", + latitude= 6.5243793, + longitude= 3.3792057, + population= 13400000, + Country= "Nigeria" + }, + new MapMarker { + name= "Kolkata", + latitude= 22.572646, + longitude= 88.363895, + population= 12700000, + Country= "India" + }, + new MapMarker { + name= "Cairo", + latitude= 30.0444196, + longitude= 31.2357116, + population= 12200000, + Country= "Egypt" + }, + new MapMarker { + name= "Los Angeles", + latitude= 34.0522265, + longitude= -118.2436596, + population= 11789000, + Country= "United States" + }, + new MapMarker { + name= "Buenos Aires", + latitude= -34.6036844, + longitude= -58.3815591, + population= 11200000, + Country= "Argentina" + }, + new MapMarker { + name= "Rio de Janeiro", + latitude= -22.9068467, + longitude= -43.1728965, + population= 10800000, + Country= "Brazil" + }, + new MapMarker { + name= "Moscow", + latitude= 55.755826, + longitude= 37.6173, + population= 10500000, + Country= "Russia" + }, + new MapMarker { + name= "Shanghai", + latitude= 31.2303904, + longitude= 121.4737021, + population= 10000000, + Country= "China" + }, + new MapMarker { + name= "Karachi", + latitude= 25.0700428, + longitude= 67.2847875, + population= 9800000, + Country= "Pakistan" + }, + new MapMarker { + name= "Paris", + latitude= 48.856614, + longitude= 2.3522219, + population= 9645000, + Country= "France" + }, + new MapMarker { + name= "Istanbul", + latitude= 41.0082376, + longitude= 28.9783589, + population= 9000000, + Country= "Istanbul" + }, + new MapMarker { + name= "Nagoya", + latitude= 35.1814464, + longitude= 136.906398, + population= 9000000, + Country= "Japan" + }, + new MapMarker { + name= "Beijing", + latitude= 39.9041999, + longitude= 116.4073963, + population= 8614000, + Country= "China" + }, + new MapMarker { + name= "Chicago", + latitude= 41.8781136, + longitude= -87.6297982, + population= 8308000, + Country= "United States" + }, + new MapMarker { + name= "London", + latitude= 51.5073509, + longitude= -0.1277583, + population= 8278000, + Country= "United Kingdom" + } + }; +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/openStreetMap.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/openStreetMap.razor.txt new file mode 100644 index 000000000..a397c0199 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/Maps/openStreetMap.razor.txt @@ -0,0 +1,93 @@ +@page "/Maps/OpenStreetMap" + + +@using Syncfusion.EJ2.RazorComponents.Maps +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "OpenStreetMap"; + SampleBrowser.CurrentControlName = "Maps"; + SampleBrowser.CurrentControlCategory = "Maps"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Maps; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the location of United Nations Headquarters in the OpenStreetMap with marker. +

" + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + +
+ +
+
+ Source: + en.wikipedia.org +
+
+ +@functions { + public string template = "
"; + public class data + { + public string name; + public double latitude; + public double longitude; + } + public List markerData = new List { + new data { name= "Manhattan, New York, USA", latitude= 40.7488758, longitude= -73.9730091 } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/SampleList.cs.txt new file mode 100644 index 000000000..9c016ccab --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Maps/SampleList.cs.txt @@ -0,0 +1,62 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Maps { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Maps", + Directory = "Maps/Maps", + Url = "Maps/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Multi-layers", + Category = "Maps", + Directory = "Maps/Maps", + Url = "Maps/Multilayer", + FileName = "Multilayer.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Marker", + Category = "Maps", + Directory = "Maps/Maps", + Url = "Maps/marker", + FileName = "marker.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Tooltip", + Category = "Maps", + Directory = "Maps/Maps", + Url = "Maps/Tooltip", + FileName = "Tooltip.razor", + Type = SampleType.New + }, + new Sample + { + Name = "OpenStreetMap", + Category = "Maps", + Directory = "Maps/Maps", + Url = "Maps/OpenStreetMap", + FileName = "OpenStreetMap.razor", + Type = SampleType.New + } + }; + } + + + + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..590f774b0 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/DefaultFunctionalities.razor.txt @@ -0,0 +1,42 @@ +@page "/Accordion/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Accordion"; + SampleBrowser.CurrentControlCategory = "Accordion"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Accordion; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + +
+
+ + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/Icons.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/Icons.razor.txt new file mode 100644 index 000000000..acc71b7fd --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Accordion/Icons.razor.txt @@ -0,0 +1,203 @@ +@page "/Accordion/Icons" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Icons"; + SampleBrowser.CurrentControlName = "Accordion"; + SampleBrowser.CurrentControlCategory = "Accordion"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Accordion; +} +@*End:Hidden*@ + +
+
+ + + + + + + + +
+
+ + + + + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..9f30efb47 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/ContextMenu/DefaultFunctionalities.razor.txt @@ -0,0 +1,196 @@ +@page "/ContextMenu/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "ContextMenu"; + SampleBrowser.CurrentControlCategory = "Navigations"; + SampleBrowser.CurrentControl = SampleBrowser.Config.ContextMenu; +} +@*End:Hidden*@ + +
+
+
Right click/Touch hold to open the ContextMenu
+ +
+
+ + +@functions{ + public List menuItems { get; set; } = new List + { + new MenuItem { Text="Cut", IconCss="e-cm-icons e-cut" }, + new MenuItem { Text="Copy", IconCss="e-cm-icons e-copy" }, + new MenuItem { + Text ="Paste", IconCss="e-cm-icons e-paste", + Items = new List + { + new MenuItem { Text = "Paste Text", IconCss = "e-cm-icons e-pastetext" }, + new MenuItem { Text = "Paste Special", IconCss = "e-cm-icons e-pastespecial" } + } + }, + new MenuItem { Separator= true }, + new MenuItem { Text = "Link", IconCss = "e-cm-icons e-link" }, + new MenuItem { Text = "New Comment", IconCss = "e-cm-icons e-comment" } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/CustomThumbnail.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/CustomThumbnail.razor.txt new file mode 100644 index 000000000..d37c37460 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/CustomThumbnail.razor.txt @@ -0,0 +1,106 @@ +@page "/FileManager/CustomThumbnail" + +@using Syncfusion.EJ2.RazorComponents.FileManager; + +@inject IJSRuntime JsRuntime; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "CustomThumbnail"; + SampleBrowser.CurrentControlName = "FileManager"; + SampleBrowser.CurrentControlCategory = "FileManager"; + SampleBrowser.CurrentControl = SampleBrowser.Config.FileManager; + SampleBrowser.ActionDescription = new string[] { +}; + SampleBrowser.Description = new string[] { +}; +} +@*End:Hidden*@ + +
+ + + + +
+ + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/Overview.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/Overview.razor.txt new file mode 100644 index 000000000..85fdeaa66 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/FileManager/Overview.razor.txt @@ -0,0 +1,29 @@ +@page "/FileManager/Overview" + +@using Syncfusion.EJ2.RazorComponents.FileManager; + +@inject IJSRuntime JsRuntime; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Overview"; + SampleBrowser.CurrentControlName = "FileManager"; + SampleBrowser.CurrentControlCategory = "FileManager"; + SampleBrowser.CurrentControl = SampleBrowser.Config.FileManager; + SampleBrowser.ActionDescription = new string[] { +}; + SampleBrowser.Description = new string[] { +}; +} +@*End:Hidden*@ + +
+ + + + +
diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DataBinding.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DataBinding.razor.txt new file mode 100644 index 000000000..e58682c8c --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DataBinding.razor.txt @@ -0,0 +1,78 @@ +@page "/MenuBar/DataBinding" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = SampleBrowser.Config.MenuBar[1].Name; + SampleBrowser.CurrentControlName = "MenuBar"; + SampleBrowser.CurrentControlCategory = "Navigations"; + SampleBrowser.CurrentControl = SampleBrowser.Config.MenuBar; +} +@*End:Hidden*@ + +
+
+ +
+
+ + +@functions{ + List menuItems = new List + { + new { id= "parent1", text= "Appliances" }, + new { id= "parent2", text= "Accessories" }, + new { id= "parent3", text= "Fashion" }, + new { id= "parent4", text= "Home & Living" }, + new { id= "parent5", text= "Entertainment" }, + new { id= "parent6", text= "Kitchen", parentId= "parent1" }, + new { id= "parent7", text= "Washing Machine", parentId= "parent1" }, + new { id= "parent8", text= "Air Conditioners", parentId= "parent1" }, + new { id= "parent9", text= "Electric Cookers", parentId= "parent6" }, + new { id= "parent10", text= "Coffee Makers", parentId= "parent6" }, + new { id= "parent11", text= "Blenders", parentId= "parent6" }, + new { id= "parent12", text= "Fully Automatic", parentId= "parent7" }, + new { id= "parent13", text= "Semi Automatic", parentId= "parent7" }, + new { id= "parent14", text= "Inverter ACs", parentId= "parent8" }, + new { id= "parent15", text= "Split ACs", parentId= "parent8" }, + new { id= "parent16", text= "Window ACs", parentId= "parent8" }, + new { id= "parent17", text= "Mobile", parentId= "parent2" }, + new { id= "parent18", text= "Computer", parentId= "parent2" }, + new { id= "parent19", text= "Headphones", parentId= "parent17" }, + new { id= "parent20", text= "Memory Cards", parentId= "parent17" }, + new { id= "parent21", text= "Power Banks", parentId= "parent17" }, + new { id= "parent22", text= "Pendrives", parentId= "parent18" }, + new { id= "parent23", text= "External Hard Disks", parentId= "parent18" }, + new { id= "parent24", text= "Monitors", parentId= "parent18" }, + new { id= "parent25", text= "Men", parentId= "parent3" }, + new { id= "parent26", text= "Women", parentId= "parent3" }, + new { id= "parent27", text= "Shirts", parentId= "parent25" }, + new { id= "parent28", text= "Jackets", parentId= "parent25" }, + new { id= "parent29", text= "Track Suits", parentId= "parent25" }, + new { id= "parent30", text= "Kurtas", parentId= "parent26" }, + new { id= "parent31", text= "Salwars", parentId= "parent26" }, + new { id= "parent32", text= "Sarees", parentId= "parent26" }, + new { id= "parent33", text= "Furniture", parentId= "parent4" }, + new { id= "parent34", text= "Decor", parentId= "parent4" }, + new { id= "parent35", text= "Beds", parentId= "parent33" }, + new { id= "parent36", text= "Mattresses", parentId= "parent33" }, + new { id= "parent37", text= "Dining Tables", parentId= "parent33" }, + new { id= "parent38", text= "Clocks", parentId= "parent34" }, + new { id= "parent39", text= "Wall Decals", parentId= "parent34" }, + new { id= "parent40", text= "Paintings", parentId= "parent34" }, + new { id= "parent41", text= "Televisions", parentId= "parent5" }, + new { id= "parent42", text= "Home Theatres", parentId= "parent5" }, + new { id= "parent43", text= "Gaming Laptops", parentId= "parent5" } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..d4dd0c5bc --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/MenuBar/DefaultFunctionalities.razor.txt @@ -0,0 +1,135 @@ +@page "/MenuBar/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = SampleBrowser.Config.MenuBar[0].Name; + SampleBrowser.CurrentControlName = "MenuBar"; + SampleBrowser.CurrentControlCategory = "Navigations"; + SampleBrowser.CurrentControl = SampleBrowser.Config.MenuBar; +} +@*End:Hidden*@ + +
+
+ +
+
+ + +@functions{ + List menuItems = new List{ + new MenuItem + { + Text = "File", + IconCss = "em-icons e-file", + Items = new List + { + new MenuItem { Text= "Open", IconCss= "em-icons e-open" }, + new MenuItem { Text= "Save", IconCss= "em-icons e-save" }, + new MenuItem { Separator= true }, + new MenuItem { Text= "Exit" } + } + }, + new MenuItem + { + Text = "Edit", + IconCss = "em-icons e-edit", + Items = new List + { + new MenuItem{ Text= "Cut", IconCss= "em-icons e-cut" }, + new MenuItem{ Text= "Copy", IconCss= "em-icons e-copy" }, + new MenuItem{ Text= "Paste", IconCss= "em-icons e-paste" } + } + }, + new MenuItem + { + Text = "View", + Items = new List + { + new MenuItem{ + Text = "Toolbars", + Items = new List() + { + new MenuItem { Text= "Menu Bar" }, + new MenuItem { Text= "Bookmarks Toolbar" }, + new MenuItem { Text= "Customize" } + } + }, + new MenuItem { + Text = "Zoom", + Items = new List() + { + new MenuItem { Text= "Zoom In" }, + new MenuItem { Text= "Zoom Out" }, + new MenuItem { Text= "Reset" }, + } + }, + new MenuItem { Text = "Full Screen" } + } + }, + new MenuItem + { + Text = "Tools", + Items = new List() + { + new MenuItem { Text= "Spelling & Grammar" }, + new MenuItem { Text= "Customize" }, + new MenuItem { Separator= true }, + new MenuItem { Text= "Options" } + } + }, + new MenuItem { Text = "Help" } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/SampleList.cs.txt new file mode 100644 index 000000000..8005c67b8 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/SampleList.cs.txt @@ -0,0 +1,183 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Sidebar { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Sidebar", + Directory = "Navigations/Sidebar", + Url = "Sidebar/DefaultFunctionalities", + FileName = "Default.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Dock", + Category = "Sidebar", + Directory = "Navigations/Sidebar", + Url = "Sidebar/Dock", + FileName = "SidebarDock.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Sidebar with ListView", + Category = "Sidebar", + Directory = "Navigations/Sidebar", + Url = "Sidebar/SidebarWithListView", + FileName = "SidebarList.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Sidebar Menu", + Category = "Sidebar", + Directory = "Navigations/Sidebar", + Url = "Sidebar/SidebarWithMenu", + FileName = "SidebarMenu.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Responsive Panel", + Category = "Sidebar", + Directory = "Navigations/Sidebar", + Url = "Sidebar/PanelWithResponsive", + FileName = "ResponsivePanel.razor", + Type = SampleType.New + } + }; + + public List ContextMenu { get; set; } = new List + { + new Sample + { + Name = "Default Functionalities", + Category = "ContextMenu", + Directory = "Navigations/ContextMenu", + FileName = "DefaultFunctionalities.razor", + Url = "ContextMenu/DefaultFunctionalities" + } + }; + public List MenuBar { get; set; } = new List + { + new Sample + { + Name = "Default Functionalities", + Category = "Menu Bar", + Directory = "Navigations/MenuBar", + FileName = "DefaultFunctionalities.razor", + Url = "MenuBar/DefaultFunctionalities" + }, + new Sample + { + Name = "Data Binding", + Category = "Menu Bar", + Directory = "Navigations/MenuBar", + FileName = "DataBinding.razor", + Url = "MenuBar/DataBinding" + } + }; + + public List Accordion { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Accordion", + Directory = "Navigations/Accordion", + FileName = "DefaultFunctionalities.razor", + Url = "Accordion/DefaultFunctionalities", + Type = SampleType.New + }, + new Sample + { + Name = "Icons", + Category = "Accordion", + Directory = "Navigations/Accordion", + FileName = "Icons.razor", + Url = "Accordion/Icons", + Type = SampleType.New + } + }; + + public List Toolbar { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Toolbar", + Directory = "Navigations/Toolbar", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New, + Url = "Toolbar/DefaultFunctionalities" + }, + new Sample + { + Name = "Popup", + Category = "Toolbar", + Directory = "Navigations/Toolbar", + FileName = "Popup.razor", + Type = SampleType.New, + Url = "Toolbar/Popup" + } + }; + + public List Tab { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Tab", + Directory = "Navigations/Tab", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New, + Url = "Tab/DefaultFunctionalities" + } + }; + public List TreeView { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "TreeView", + Directory = "Navigations/TreeView", + Url = "TreeView/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "CheckBox", + Category = "TreeView", + Directory = "Navigations/TreeView", + Url = "TreeView/CheckBox", + FileName = "CheckBox.razor", + Type = SampleType.New + } + }; + public List FileManager { get; set; } = new List{ + new Sample + { + Name = "Overview", + Category = "FileManager", + Directory = "Navigations/FileManager", + Url = "FileManager/Overview", + FileName = "Overview.razor", + Type = SampleType.New + }, + new Sample + { + Name = "CustomThumbnail", + Category = "FileManager", + Directory = "Navigations/FileManager", + Url = "FileManager/CustomThumbnail", + FileName = "CustomThumbnail.razor", + Type = SampleType.New + } + }; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/API.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/API.razor.txt new file mode 100644 index 000000000..ba318d88e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/API.razor.txt @@ -0,0 +1,42 @@ +@page "/sidebar/API" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "API"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the Sidebar component with its features. Click the button to view the Sidebar sample in a new tab. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this sample allows to configure the type, position, closeOnDocumentClickand + showBackdrop property. +

" + }; +} +@*End:Hidden*@ + +
+
+ Click/Touch the button to view the sample +
+
+ Open in new tab +
+
+ + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Default.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Default.razor.txt new file mode 100644 index 000000000..ddaf7e4a7 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Default.razor.txt @@ -0,0 +1,228 @@ +@page "/Sidebar/Default" + +@using Syncfusion.EJ2.RazorComponents.Navigations +@using Syncfusion.EJ2.RazorComponents.Buttons + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Default Functionalities + +
+ +
+ +@functions{ + EjsSidebar sidebarObj; + public void show() { + this.sidebarObj.Show(); + } + public void close() { + this.sidebarObj.Hide(); + } + public void toggle() { + this.sidebarObj.Toggle(); + } + +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..2c355fbfa --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/DefaultFunctionalities.razor.txt @@ -0,0 +1,43 @@ +@page "/Sidebar/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "DefaultFunctionalities"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + @"

+ Click the button to view the Sidebar sample in new tab. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ This sample demonstrates the basic Sidebar component. Click the toggle + button to expand or collapse the sidebar. +

" + }; +} +@*End:Hidden*@ + +
+
+ Click/Touch the button to view the sample +
+
+ Open in new tab +
+
+ + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Dock.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Dock.razor.txt new file mode 100644 index 000000000..59742f4d9 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/Dock.razor.txt @@ -0,0 +1,265 @@ +@page "/sidebar/SidebarDock" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + +
+
    + +
  • + + Home +
    • +
  • + + Profile +
    • +
  • + + Info +
    • +
  • + + Settings +
    • +
+
+ + + + +
+
Main content
+
+
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Dock +
+ +@functions{ + EjsSidebar sidebar; + public void toggle() { + this.sidebar.Toggle(); + } +} + + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/PanelWithResponsive.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/PanelWithResponsive.razor.txt new file mode 100644 index 000000000..1135df818 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/PanelWithResponsive.razor.txt @@ -0,0 +1,452 @@ +@page "/Sidebar/ResponsivePanel" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Responsive Panel"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ +
+
    +
  • +
  • Navigation Pane
    • +
  • Support
    • +
+
+ + + + +
+
+ +

TABLE OF CONTENTS

+
+
+ +
+
+ + + + +
+
+

Responsive Sidebar With Treeview

+

+ This is a graphical aid for visualising and categorising the site, in the style of an expandable and collapsable treeview component. + It auto-expands to display the node(s), if any, corresponding to the currently viewed title, highlighting that node(s) + and its ancestors. Load-on-demand when expanding nodes is available where supported (most graphical browsers), + falling back to a full-page reload. MediaWiki-supported caching, aside from squid, has been considered so that + unnecessary re-downloads of content are avoided where possible. The complete expanded/collapsed state of + the treeview persists across page views in most situations. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure + dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+ +@functions{ + EjsTreeView treeView; + EjsSidebar sidebar; + public ExpandOnSettings expand = ExpandOnSettings.Click; + + public void toggle() { + this.sidebar.Toggle(); + } + + private List TreeviewData = new List { + new treeData { + dataSource = new List { + new childData{ nodeId = "01", nodeText = "Installation", iconCss = "icon-microchip icon" }, + new childData{ nodeId = "02", nodeText = "Deployment", iconCss = "icon-thumbs-up-alt icon" }, + new childData{ nodeId = "03", nodeText = "Quick Start", iconCss = "icon-docs icon" }, + new childData{ nodeId = "04", nodeText = "Components", iconCss = "icon-th icon", + child = new List { + new lastData{ nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new childData{ nodeId = "05", nodeText = "API Reference", iconCss = "icon-code icon", + child = new List { + new lastData{ nodeId = "05-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new childData{ nodeId = "06", nodeText = "Browser Compatibility", iconCss = "icon-chrome icon" }, + new childData{ nodeId = "07", nodeText = "Upgrade Packages", iconCss = "icon-up-hand icon" }, + new childData{ nodeId = "08", nodeText = "Release Notes", iconCss = "icon-bookmark-empty icon" }, + new childData{ nodeId = "09", nodeText = "FAQ", iconCss = "icon-help-circled icon" }, + new childData{ nodeId = "10", nodeText = "License", iconCss = "icon-doc-text icon" } + }, + id = "nodeId", iconCss = "iconCss", hasChildren = "hasChild", text = "nodeText"} + }; + + public class treeData { + public List dataSource = new List{}; + public string id; + public string iconCss; + public string hasChildren; + public string text; + + } + public class childData { + public string nodeId; + public string nodeText; + public string iconCss; + public List child = new List{}; + } + public class lastData { + public string nodeId; + public string nodeText; + public string iconCss; + } + + protected override void OnAfterRender() { + this.treeView.Fields = TreeviewData[0]; + this.treeView.DataBind(); + } +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/ResponsivePanel.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/ResponsivePanel.razor.txt new file mode 100644 index 000000000..44bf532da --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/ResponsivePanel.razor.txt @@ -0,0 +1,452 @@ +@page "/Sidebar/ResponsivePanel" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Responsive Panel"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ +
+
    +
  • +
  • Navigation Pane
    • +
  • Support
    • +
+
+ + + + +
+
+ +

TABLE OF CONTENTS

+
+
+ +
+
+ + + + +
+
+

Responsive Sidebar With Treeview

+

+ This is a graphical aid for visualising and categorising the site, in the style of an expandable and collapsable treeview component. + It auto-expands to display the node(s), if any, corresponding to the currently viewed title, highlighting that node(s) + and its ancestors. Load-on-demand when expanding nodes is available where supported (most graphical browsers), + falling back to a full-page reload. MediaWiki-supported caching, aside from squid, has been considered so that + unnecessary re-downloads of content are avoided where possible. The complete expanded/collapsed state of + the treeview persists across page views in most situations. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure + dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

Lorem Ipsum Dolor

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint + occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+
+
+ +@functions{ + EjsTreeView treeView; + EjsSidebar sidebar; + public ExpandOnSettings expand = ExpandOnSettings.Click; + + public void toggle() { + this.sidebar.Toggle(); + } + + private List TreeviewData = new List { + new treeData { + dataSource = new List { + new childData{ nodeId = "01", nodeText = "Installation", iconCss = "icon-microchip icon" }, + new childData{ nodeId = "02", nodeText = "Deployment", iconCss = "icon-thumbs-up-alt icon" }, + new childData{ nodeId = "03", nodeText = "Quick Start", iconCss = "icon-docs icon" }, + new childData{ nodeId = "04", nodeText = "Components", iconCss = "icon-th icon", + child = new List { + new lastData{ nodeId = "04-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "04-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new childData{ nodeId = "05", nodeText = "API Reference", iconCss = "icon-code icon", + child = new List { + new lastData{ nodeId = "05-01", nodeText = "Calendar", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-02", nodeText = "DatePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-03", nodeText = "DateTimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-04", nodeText = "DateRangePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-05", nodeText = "TimePicker", iconCss = "icon-circle-thin icon" }, + new lastData{ nodeId = "05-06", nodeText = "SideBar", iconCss = "icon-circle-thin icon" } + } + }, + new childData{ nodeId = "06", nodeText = "Browser Compatibility", iconCss = "icon-chrome icon" }, + new childData{ nodeId = "07", nodeText = "Upgrade Packages", iconCss = "icon-up-hand icon" }, + new childData{ nodeId = "08", nodeText = "Release Notes", iconCss = "icon-bookmark-empty icon" }, + new childData{ nodeId = "09", nodeText = "FAQ", iconCss = "icon-help-circled icon" }, + new childData{ nodeId = "10", nodeText = "License", iconCss = "icon-doc-text icon" } + }, + id = "nodeId", iconCss = "iconCss", hasChildren = "hasChild", text = "nodeText"} + }; + + public class treeData { + public List dataSource = new List{}; + public string id; + public string iconCss; + public string hasChildren; + public string text; + + } + public class childData { + public string nodeId; + public string nodeText; + public string iconCss; + public List child = new List{}; + } + public class lastData { + public string nodeId; + public string nodeText; + public string iconCss; + } + + protected override void OnAfterRender() { + this.treeView.Fields = TreeviewData[0]; + this.treeView.DataBind(); + } +} + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarAPI.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarAPI.razor.txt new file mode 100644 index 000000000..55861f58f --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarAPI.razor.txt @@ -0,0 +1,338 @@ +@page "/Sidebar/SidebarAPI" + +@using Syncfusion.EJ2.RazorComponents.Navigations; +@using Syncfusion.EJ2.RazorComponents.Buttons; +@using Syncfusion.EJ2.RazorComponents.DropDowns; +@inject IJSRuntime JsRuntime; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "SidebarAPI"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { +}; + SampleBrowser.Description = new string[] { +}; +} +@*End:Hidden*@ + +
+
+ + + + +
+
Sidebar
+ +
+
+ Place your primary content here. +
+ + + +
+
+

Overview

+
+

The Sidebar component is a collapsible side content placed along with the main content either in left or right side of the page.

+


+

Options

+
+
+ +

+ Toggle - Toggles the Sidebar to be open or closed state. +

+
+ Toggle +
+
+
+ +

+ Position - Allows to place the sidebar in right or left side of the page. +

+
+ Right +
+
+
+ +

Types - Specifies the act of expanding or collapsing the sidebar with main content.

+
+ +
+
+
+ +

Closing on document click - Allows to collapse / close the sidebar on document click.

+
+ True +
+
+
+ +

Backdrop - Sets the backdrop over the main content area on open / expanded state.

+
+ True +
+
+
+
+
+
+
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> API + +
+ +@functions{ + EjsSidebar sidebar; + EjsButton positionElement; + + public class typeData{ + public string text; + } + private List data { get; set; } = new List { + new typeData { text = "Over" }, + new typeData { text = "Push" }, + new typeData { text = "Slide" }, + new typeData { text = "Auto" } + }; + private SidebarPosition Position { get; set; } = SidebarPosition.Left; + private void togglebtnclick() { + this.sidebar.Toggle(); + } + private void positionbtnclick() { + this.positionElement.Content = "Left"; + this.sidebar.Position = SidebarPosition.Right; + } + private void docbtnclick() { + JsRuntime.InvokeAsync ("alert", "Button Created"); + } + private void backbtnclick() { + JsRuntime.InvokeAsync ("alert", "Button Created"); + } + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarDock.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarDock.razor.txt new file mode 100644 index 000000000..59742f4d9 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarDock.razor.txt @@ -0,0 +1,265 @@ +@page "/sidebar/SidebarDock" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + +
+
    + +
  • + + Home +
    • +
  • + + Profile +
    • +
  • + + Info +
    • +
  • + + Settings +
    • +
+
+ + + + +
+
Main content
+
+
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Dock +
+ +@functions{ + EjsSidebar sidebar; + public void toggle() { + this.sidebar.Toggle(); + } +} + + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarList.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarList.razor.txt new file mode 100644 index 000000000..b32af9fc5 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarList.razor.txt @@ -0,0 +1,301 @@ +@page "/Sidebar/SidebarList" + +@using Syncfusion.EJ2.RazorComponents.Navigations +@using Newtonsoft.Json +@using Syncfusion.EJ2.RazorComponents.Lists + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "SidebarList"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + + + +
+
+ + + + +
+ + + + +
+
Application content
+
+ +
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar With ListView +
+ +@functions{ + EjsListView controlList; + EjsSidebar sidebar; + public SidebarType type = SidebarType.Over; + public List list = new List { + new listData{ text = "Home" }, + new listData{ text = "About" }, + new listData{ text = "Careers" }, + new listData{ text = "FAQs" }, + new listData{ text = "Blog" }, + new listData{ text = "Uses" }, + new listData{ text = "contact" } + }; + + public class listData { + public string text; + } + + protected override void OnAfterRender() { + this.controlList.DataSource = list; + this.controlList.DataBind(); + } + + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } + public void onSelect(Syncfusion.EJ2.RazorComponents.Lists.SelectEventArgs args) { + this.sidebar.Hide(); + } +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarMenu.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarMenu.razor.txt new file mode 100644 index 000000000..24e204039 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarMenu.razor.txt @@ -0,0 +1,497 @@ +@page "/Sidebar/SidebarMenu" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Sidebar Menu"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { }; + SampleBrowser.Description = new string[] { }; +} +@*End:Hidden*@ + +
+
+ + + + +
+

MAIN

+
+ +
+
+
+

ACTION

+ +
+ + + + +
+
+
Responsive Sidebar with Menu
+
+
+ +
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar Menu +
+ +@functions { + EjsSidebar sidebar; + public Orientation orientation = Orientation.Horizontal; + public Orientation verorientation = Orientation.Vertical; + public List AccountMenuItems = new List { + new MenuItem { + Text = "Account", + Items = new List { + new MenuItem { Text = "Profile" }, + new MenuItem { Text = "Sign out" } + } + } + }; + + public List mainMenuItems = new List{ + new MenuItem { + Text = "Overview", IconCss = "icon-user icon", + Items = new List { + new MenuItem{ Text = "All Data" }, + new MenuItem{ Text = "Category2" }, + new MenuItem{ Text = "Category3" } + } + }, + new MenuItem { + Text = "Notification", + IconCss = "icon-bell-alt icon", + Items = new List { + new MenuItem{ Text = "Change Profile" }, + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Details" } + } + }, + new MenuItem { + Text = "Info", + IconCss = "icon-tag icon", + Items = new List { + new MenuItem{ Text = "Message" }, + new MenuItem{ Text = "Facebook" }, + new MenuItem{ Text = "Twitter" } + } + }, + new MenuItem { + Text = "Comments", + IconCss = "icon-comment-inv-alt2 icon", + Items = new List { + new MenuItem{ Text = "Category1 " }, + new MenuItem{ Text = "Category2" }, + new MenuItem{ Text = "Category3" } + } + }, + new MenuItem { + Text = "Bookmarks", + IconCss = "icon-bookmark icon", + Items = new List { + new MenuItem{ Text = "All Comments" }, + new MenuItem{ Text = "Add Comments" }, + new MenuItem{ Text = "Delete Comments" } + } + }, + new MenuItem { + Text = "Images", + IconCss = "icon-picture icon", + Items = new List { + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Mobile Number" } + } + }, + new MenuItem { + Text = "Users", + IconCss = "icon-user icon", + Items = new List { + new MenuItem{ Text = "Mobile User" }, + new MenuItem{ Text = "Laptop User" }, + new MenuItem{ Text = "Desktop User" } + } + }, + new MenuItem { + Text = "Settings", + IconCss = "icon-eye icon", + Items = new List { + new MenuItem{ Text = "Change Profile" }, + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Details" } + } + }, + new MenuItem { + Text = "Info", + IconCss = "icon-tag icon", + Items = new List { + new MenuItem{ Text = "Facebook" }, + new MenuItem{ Text = "Mobile" } + } + } + }; + + public void toggle() { + this.sidebar.Toggle(); + } + +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithListView.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithListView.razor.txt new file mode 100644 index 000000000..b32af9fc5 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithListView.razor.txt @@ -0,0 +1,301 @@ +@page "/Sidebar/SidebarList" + +@using Syncfusion.EJ2.RazorComponents.Navigations +@using Newtonsoft.Json +@using Syncfusion.EJ2.RazorComponents.Lists + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "SidebarList"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ + + + +
+
+ + + + +
+ + + + +
+
Application content
+
+ +
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar With ListView +
+ +@functions{ + EjsListView controlList; + EjsSidebar sidebar; + public SidebarType type = SidebarType.Over; + public List list = new List { + new listData{ text = "Home" }, + new listData{ text = "About" }, + new listData{ text = "Careers" }, + new listData{ text = "FAQs" }, + new listData{ text = "Blog" }, + new listData{ text = "Uses" }, + new listData{ text = "contact" } + }; + + public class listData { + public string text; + } + + protected override void OnAfterRender() { + this.controlList.DataSource = list; + this.controlList.DataBind(); + } + + public void show() { + this.sidebar.Show(); + } + public void close() { + this.sidebar.Hide(); + } + public void onSelect(Syncfusion.EJ2.RazorComponents.Lists.SelectEventArgs args) { + this.sidebar.Hide(); + } +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithMenu.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithMenu.razor.txt new file mode 100644 index 000000000..24e204039 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Sidebar/SidebarWithMenu.razor.txt @@ -0,0 +1,497 @@ +@page "/Sidebar/SidebarMenu" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Sidebar Menu"; + SampleBrowser.CurrentControlName = "Sidebar"; + SampleBrowser.CurrentControlCategory = "Sidebar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Sidebar; + SampleBrowser.ActionDescription = new string[] { }; + SampleBrowser.Description = new string[] { }; +} +@*End:Hidden*@ + +
+
+ + + + +
+

MAIN

+
+ +
+
+
+

ACTION

+ +
+ + + + +
+
+
Responsive Sidebar with Menu
+
+
+ +
+ Essential JS 2 (Preview) for ASP.Net Core Sidebar-> Sidebar Menu +
+ +@functions { + EjsSidebar sidebar; + public Orientation orientation = Orientation.Horizontal; + public Orientation verorientation = Orientation.Vertical; + public List AccountMenuItems = new List { + new MenuItem { + Text = "Account", + Items = new List { + new MenuItem { Text = "Profile" }, + new MenuItem { Text = "Sign out" } + } + } + }; + + public List mainMenuItems = new List{ + new MenuItem { + Text = "Overview", IconCss = "icon-user icon", + Items = new List { + new MenuItem{ Text = "All Data" }, + new MenuItem{ Text = "Category2" }, + new MenuItem{ Text = "Category3" } + } + }, + new MenuItem { + Text = "Notification", + IconCss = "icon-bell-alt icon", + Items = new List { + new MenuItem{ Text = "Change Profile" }, + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Details" } + } + }, + new MenuItem { + Text = "Info", + IconCss = "icon-tag icon", + Items = new List { + new MenuItem{ Text = "Message" }, + new MenuItem{ Text = "Facebook" }, + new MenuItem{ Text = "Twitter" } + } + }, + new MenuItem { + Text = "Comments", + IconCss = "icon-comment-inv-alt2 icon", + Items = new List { + new MenuItem{ Text = "Category1 " }, + new MenuItem{ Text = "Category2" }, + new MenuItem{ Text = "Category3" } + } + }, + new MenuItem { + Text = "Bookmarks", + IconCss = "icon-bookmark icon", + Items = new List { + new MenuItem{ Text = "All Comments" }, + new MenuItem{ Text = "Add Comments" }, + new MenuItem{ Text = "Delete Comments" } + } + }, + new MenuItem { + Text = "Images", + IconCss = "icon-picture icon", + Items = new List { + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Mobile Number" } + } + }, + new MenuItem { + Text = "Users", + IconCss = "icon-user icon", + Items = new List { + new MenuItem{ Text = "Mobile User" }, + new MenuItem{ Text = "Laptop User" }, + new MenuItem{ Text = "Desktop User" } + } + }, + new MenuItem { + Text = "Settings", + IconCss = "icon-eye icon", + Items = new List { + new MenuItem{ Text = "Change Profile" }, + new MenuItem{ Text = "Add Name" }, + new MenuItem{ Text = "Add Details" } + } + }, + new MenuItem { + Text = "Info", + IconCss = "icon-tag icon", + Items = new List { + new MenuItem{ Text = "Facebook" }, + new MenuItem{ Text = "Mobile" } + } + } + }; + + public void toggle() { + this.sidebar.Toggle(); + } + +} + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Tab/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Tab/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..225ea1730 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Tab/DefaultFunctionalities.razor.txt @@ -0,0 +1,104 @@ +@page "/Tab/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Tab"; + SampleBrowser.CurrentControlCategory = "Tab"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Tab; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the default functionalities of the Tab. Click on the header element to activate the corresponding Tab, and displays its content. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The Tab is a content panel to show multiple contents in specific space one at a time. +

+

+ The default sample illustrates to render simple Tab by defining header and content as items collections. +

" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + +
+
+ + + +@functions{ + +public object header1 = new { text = "Twitter", iconCss = "e-twitter" }; +public object header2 = new { text = "Facebook", iconCss = "e-facebook" }; +public object header3 = new { text = "Whatsapp", iconCss = "e-whatsapp" }; + +public string content1 = "Twitter is an online social networking service that enables users to send and read short 140-character" + + "messages called tweets.Registered users can read and post tweets, but those who are unregistered can only read" + + "them.Users access Twitter through the website interface, SMS or mobile device app Twitter Inc. is based in San" + + "Francisco and has more than 25 offices around the world.Twitter was created in March 2006 by Jack Dorsey," + + "Evan Williams, Biz Stone, and Noah Glass and launched in July 2006. The service rapidly gained worldwide popularity," + + "with more than 100 million users posting 340 million tweets a day in 2012.The service also handled 1.6 billion" + + "search queries per day."; +public string content2 = "Facebook is an online social networking service headquartered in Menlo Park, California. Its website was" + + "launched on February 4, 2004, by Mark Zuckerberg with his Harvard College roommates and fellow students Eduardo" + + "Saverin, Andrew McCollum, Dustin Moskovitz and Chris Hughes.The founders had initially limited the websites" + + "membership to Harvard students, but later expanded it to colleges in the Boston area, the Ivy League, and Stanford" + + "University.It gradually added support for students at various other universities and later to high - school students."; +public string content3 = "WhatsApp Messenger is a proprietary cross-platform instant messaging client for smartphones that operates" + + "under a subscription business model.It uses the Internet to send text messages, images, video, user location and" + + "audio media messages to other users using standard cellular mobile numbers. As of February 2016, WhatsApp had a user" + + "base of up to one billion,[10] making it the most globally popular messaging application.WhatsApp Inc., based in" + + "Mountain View, California, was acquired by Facebook Inc.on February 19, 2014, for approximately US$19.3 billion."; +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..c6a34d070 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/DefaultFunctionalities.razor.txt @@ -0,0 +1,225 @@ +@page "/Toolbar/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Toolbar"; + SampleBrowser.CurrentControlCategory = "Toolbar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Toolbar; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the default functionalities of the Toolbar. Select any command or click the left/right navigation icon or touch swipe to see the hidden commands of the Toolbar +

" + }; + SampleBrowser.Description = new string[] { + @"

+ Toolbar is a graphical control on which commands / buttons will be displayed in horizontal order. + By default scrolling display mode enabled when content exceeds the available viewing area. +

+
+

+ You can use left / right navigation icon or touch swipe to see the hidden commands of the toolbar. +

+
    +
  • + Initially toolbar rendered with the left and right navigation icon and you can see hidden commands by moving in right or left direction. +
    • +
  • + When you reach right / left end of toolbar, corresponding navigation direction will be disabled. +
    • +
  • + You can continuously scroll the toolbar content by holding on the navigation icon. +
    • +
  • + In devices navigation icons are not available. you can touch swipe to see the hidden commands of the toolbar. +
    • +
+
" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/Popup.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/Popup.razor.txt new file mode 100644 index 000000000..e783fb6e5 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/Toolbar/Popup.razor.txt @@ -0,0 +1,318 @@ +@page "/Toolbar/Popup" + +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Popup"; + SampleBrowser.CurrentControlName = "Toolbar"; + SampleBrowser.CurrentControlCategory = "Toolbar"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Toolbar; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the Popup mode in the Toolbar. Click the drop-down icon to open the popup and see the hidden commands of the Toolbar. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ Popup mode display can be enabled to view primary priority items in toolbar and secondary priority items in the popup. +

+
    +
  • + In first Toolbar, the popup will be shown when the content exceeds the available viewing area. +
    • +
  • + The second Toolbar is set with priority for specific toolbar items using showAlwaysInPopup , which is always displayed in the popup. +
    • +
+
+
+

+ You can set priority to toolbar item using < strong > < code > < a target = ""_blank"" class=""code"" href=""https://ej2.syncfusion.com/documentation/api/toolbar/item/#overflow"">overflow property.Possible values are as follows, +

+ + < tr > + < th >< strong > Overflow + < th >< strong > Description + + < tr > + < td >< code > Show + < td > To display the commands in toolbar with primary priority. + + + + + + + text + + +
Hide To display the commands in popup with secondary priority.
None (default) To display the commands with normal order without any priority.
+
" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + +public OverflowMode mode { get; set; } = OverflowMode.Popup; + +public ItemType type { get; set; } = ItemType.Separator; + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/CheckBox.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/CheckBox.razor.txt new file mode 100644 index 000000000..f5e3a8503 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/CheckBox.razor.txt @@ -0,0 +1,235 @@ +@page "/TreeView/CheckBox" + +@using Syncfusion.EJ2.RazorComponents.Lists +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "CheckBox"; + SampleBrowser.CurrentControlName = "TreeView"; + SampleBrowser.CurrentControlCategory = "Navigations"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeView; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the CheckBox functionalities of the TreeView. Click on any parent node's CheckBox to check/uncheck the node and its child nodes. The parent node's checked state will be determined by its child nodes checked state. +

" + }; + SampleBrowser.Description = new string[] { + @"

The TreeView component can be rendered with checkbox on the left side of each tree node. This allows the user to check more than one nodes, and this can be enabled by the showCheckBox property.

+

In this demo, the TreeView is populated with checkbox enabled.

+

For more information, you can refer to the Checkboxes section from the documentation.

" + }; +} +@using Syncfusion.EJ2 +
+
+ + +
+
+@functions{ + object fields; + List treedata = new List(); + List parentitem = new List(); + List childitem1 = new List(); + List childitem2 = new List(); + List childitem3 = new List(); + List childitem4 = new List(); + List childitem5 = new List(); + protected override void OnInit() + { + base.OnInit(); + this.parentitem.Add(new Parentitem + { + id = 1, + name = "Australia", + hasChild = true, + expanded = true, + child = childitem1 + }); + this.childitem1.Add(new Childitem + { + id = 2, + pid = 1, + name = "New South Wales", + + }); + this.childitem1.Add(new Childitem + { + id = 3, + pid = 1, + name = "Victoria" + }); + + this.childitem1.Add(new Childitem + { + id = 4, + pid = 1, + name = "South Australia" + }); + this.childitem1.Add(new Childitem + { + id = 6, + pid = 1, + name = "Western Australia", + + }); + this.parentitem.Add(new Parentitem + { + id = 7, + name = "Brazil", + hasChild = true, + child = childitem2 + }); + this.childitem2.Add(new Childitem + { + id = 8, + pid = 7, + name = "Paraná" + }); + this.childitem2.Add(new Childitem + { + id = 9, + pid = 7, + name = "Ceará" + }); + this.childitem2.Add(new Childitem + { + id = 10, + pid = 7, + name = "Acre" + }); + this.parentitem.Add(new Parentitem + { + id = 11, + name = "China", + hasChild = true, + child = childitem3 + }); + this.childitem3.Add(new Childitem + { + id = 12, + pid = 11, + name = "Guangzhou" + }); + this.childitem3.Add(new Childitem + { + id = 13, + pid = 11, + name = "Shanghai" + }); + this.childitem3.Add(new Childitem + { + id = 14, + pid = 11, + name = "Beijing" + }); + this.childitem3.Add(new Childitem + { + id = 15, + pid = 11, + name = "Shantou" + + }); + this.parentitem.Add(new Parentitem + { + id = 16, + name = "France", + hasChild = true, + child = childitem4 + + }); + this.childitem4.Add(new Childitem + { + id = 17, + pid = 16, + name = "Pays de la Loire" + + }); + this.childitem4.Add(new Childitem + { + id = 18, + pid = 16, + name = "Aquitaine" + + }); + this.childitem4.Add(new Childitem + { + id = 19, + pid = 16, + name = "Brittany" + + }); + this.childitem4.Add(new Childitem + { + id = 20, + pid = 16, + name = "Lorraine" + }); + this.parentitem.Add(new Parentitem + { + id = 21, + name = "India", + hasChild = true, + child = childitem5 + + }); + this.childitem5.Add(new Childitem + { + id = 22, + pid = 21, + name = "Assam" + + }); + this.childitem5.Add(new Childitem + { + id = 23, + pid = 21, + name = "Bihar" + }); + this.childitem5.Add(new Childitem + { + id = 24, + pid = 21, + name = "Tamil Nadu" + + }); + this.fields = new + { + child = "child", + dataSource = parentitem, + id = "id", + parentId = "pid", + text = "name", + hasChildren = "hasChild", + expanded = "expanded" + }; + + } + public class Parentitem + { + public int id { get; set; } + public string name { get; set; } + public bool hasChild { get; set; } + public bool expanded { get; set; } + public List child; + + } + public class Childitem + { + public int id { get; set; } + public int pid { get; set; } + public string name { get; set; } + + } +} + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..e9c9c7f9f --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Navigations/TreeView/DefaultFunctionalities.razor.txt @@ -0,0 +1,157 @@ +@page "/TreeView/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.Lists +@using Syncfusion.EJ2.RazorComponents.Navigations + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "TreeView"; + SampleBrowser.CurrentControlCategory = "Navigations"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeView; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the default functionalities of the TreeView. Click on node to select it, and click on icon or double click on node to expand/collapse it. The child nodes will be loaded on expand the parent node.

" + }; + SampleBrowser.Description = new string[] { + @"

The TreeView component is used to display the data in a hierarchical structure with the configuration options to control the way of data is presented and manipulated. It will pull the data from a data source, such as an array of JSON objects, OData web services, or DataManager binding data fields to the fields property.

+

In this demo, the TreeView is populated with its minimum default settings.

+

More information on the TreeView instantiation can be found in the documentation section.

" + }; +} +@using Syncfusion.EJ2 +
+
+ + +
+
+ +@functions{ + object fields; + List parentitem = new List(); + List childitem1 = new List(); + List childitem2 = new List(); + List childitem3 = new List(); + List subchilditem1 = new List(); + List subchilditem2 = new List(); + List subchilditem3 = new List(); + List subchilditem4 = new List(); + List subchilditem5 = new List(); + List subchilditem6 = new List(); + List subchilditem7 = new List(); + List subchilditem8 = new List(); + List subchilditem9 = new List(); + + protected override void OnInit() + { + base.OnInit(); + this.parentitem.Add(new Parentitem + { + nodeId = "01", + nodeText = "Local Disk (C:)", + expanded = true, + child = childitem1, + }); + this.childitem1.Add(new Childitem { nodeId = "01-01", nodeText = "Program Files", child = subchilditem1 }); + this.subchilditem1.Add(new SubChilditem { nodeId = "01-01-01", nodeText = "Windows NT" }); + this.subchilditem1.Add(new SubChilditem { nodeId = "01-01-02", nodeText = "Windows Mail" }); + this.subchilditem1.Add(new SubChilditem { nodeId = "01-01-03", nodeText = "Windows Photo Viewer" }); + this.childitem1.Add(new Childitem { nodeId = "01-02", nodeText = "Users", expanded = true, child = subchilditem2 }); + this.subchilditem2.Add(new SubChilditem { nodeId = "01-02-01", nodeText = "Smith" }); + this.subchilditem2.Add(new SubChilditem { nodeId = "01-02-02", nodeText = "Public" }); + this.subchilditem2.Add(new SubChilditem { nodeId = "01-02-03", nodeText = "Admin" }); + this.childitem1.Add(new Childitem { nodeId = "01-03", nodeText = "Windows", child = subchilditem3 }); + this.subchilditem3.Add(new SubChilditem { nodeId = "01-03-01", nodeText = "Boot" }); + this.subchilditem3.Add(new SubChilditem { nodeId = "01-03-02", nodeText = "FileManager" }); + this.subchilditem3.Add(new SubChilditem { nodeId = "01-03-03", nodeText = "System32" }); + + this.parentitem.Add(new Parentitem + { + nodeId = "02", + nodeText = "Local Disk (D:)", + child = childitem2, + }); + this.childitem2.Add(new Childitem { nodeId = "02-01", nodeText = "Personals", child = subchilditem4 }); + this.subchilditem4.Add(new SubChilditem { nodeId = "02-01-01", nodeText = "My photo.png" }); + this.subchilditem4.Add(new SubChilditem { nodeId = "02-01-02", nodeText = "Rental document.docx" }); + this.subchilditem4.Add(new SubChilditem { nodeId = "02-01-03", nodeText = "Pay slip.pdf" }); + this.childitem2.Add(new Childitem { nodeId = "02-02", nodeText = "Projects", child = subchilditem5 }); + this.subchilditem5.Add(new SubChilditem { nodeId = "02-02-01", nodeText = "ASP Application " }); + this.subchilditem5.Add(new SubChilditem { nodeId = "02-02-02", nodeText = "TypeScript Application" }); + this.subchilditem5.Add(new SubChilditem { nodeId = "02-02-03", nodeText = "React Application" }); + this.childitem2.Add(new Childitem { nodeId = "02-02", nodeText = "Office", child = subchilditem6 }); + this.subchilditem6.Add(new SubChilditem { nodeId = "02-03-01", nodeText = "Work details.docx " }); + this.subchilditem6.Add(new SubChilditem { nodeId = "02-03-02", nodeText = "Weekly report.docx" }); + this.subchilditem6.Add(new SubChilditem { nodeId = "02-03-03", nodeText = "Wish list.csv" }); + + this.parentitem.Add(new Parentitem + { + nodeId = "03", + nodeText = "Local Disk (E:)", + child = childitem3, + }); + this.childitem3.Add(new Childitem { nodeId = "03-01", nodeText = "Pictures", child = subchilditem7 }); + this.subchilditem7.Add(new SubChilditem { nodeId = "03-01-01", nodeText = "Wind.jpg " }); + this.subchilditem7.Add(new SubChilditem { nodeId = "03-01-02", nodeText = "Stone.jpg" }); + this.subchilditem7.Add(new SubChilditem { nodeId = "03-01-03", nodeText = "Home.jpg" }); + this.childitem3.Add(new Childitem { nodeId = "03-02", nodeText = "Documents", icon = "docx", child = subchilditem8 }); + this.subchilditem8.Add(new SubChilditem { nodeId = "03-02-01", nodeText = "Environment Pollution.docx " }); + this.subchilditem8.Add(new SubChilditem { nodeId = "03-02-02", nodeText = "Global Warming.ppt" }); + this.subchilditem8.Add(new SubChilditem { nodeId = "03-02-03", nodeText = "Social Network.pdf" }); + this.childitem3.Add(new Childitem { nodeId = "03-03", nodeText = "Study Materials", child = subchilditem9 }); + this.subchilditem9.Add(new SubChilditem { nodeId = "03-03-01", nodeText = "UI-Guide.pdf" }); + this.subchilditem9.Add(new SubChilditem { nodeId = "03-03-02", nodeText = "Tutorials.zip" }); + this.subchilditem9.Add(new SubChilditem { nodeId = "03-03-03", nodeText = "TypeScript.7z" }); + this.fields = new + { + child = "child", + dataSource = parentitem, + id = "nodeId", + parentId = "pid", + text = "nodeText", + hasChildren = "hasChild", + expanded = "expanded" + }; + + } + public class Parentitem + { + public string nodeId { get; set; } + public string nodeText { get; set; } + public string icon { get; set; } + public bool expanded { get; set; } + public bool selected { get; set; } + public List child; + + } + public class Childitem + { + public string nodeId { get; set; } + public string nodeText { get; set; } + public string icon { get; set; } + public bool expanded { get; set; } + public bool selected { get; set; } + public List child; + + } + public class SubChilditem + { + public string nodeId { get; set; } + public string nodeText { get; set; } + public string icon { get; set; } + public bool expanded { get; set; } + public bool selected { get; set; } + + } +} + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Default.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Default.razor.txt new file mode 100644 index 000000000..91e625951 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Default.razor.txt @@ -0,0 +1,163 @@ +@page "/Badge/Default" + +@using Syncfusion.EJ2.RazorComponents.Inputs; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Badge"; + SampleBrowser.CurrentControlCategory = "Notifications"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Badge; + SampleBrowser.ActionDescription = new string[] { + @"

+

This sample demonstrates the default functionalities of the badge. To apply the badge, add + .e-badge class to the target element. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The Badge is a component which is developed in pure CSS and designed in + em relative units, so that badge will always be in relevant to the parent and makes the badge super easy to customize. +

+

For example, to increase the size of the badge, increase the font-size, width, and height.

+

There are 6 different types of badges as follows:

+
    +
  • Default badge: To get the default badge, add the + .e-badge class to the target element. +
    • +
  • Notification badge: To get the notification badge, add the + .e-badge-notification class with + .e-badge and change the wrapper element to + position: relative property. +
    • +
  • Circle badge: To get the circle badge, add the + .e-badge-circle class with + .e-badge. +
    • +
  • Pill badge: To get the pill badge, add the + .e-badge-pill class with + .e-badge. +
    • +
  • Dot badge: To get the dot badge, add the + .e-badge-dot class with + .e-badge and change the wrapper element to + position: relative property. +
    • +
+

The badge component supports two positions, and this is applicable only to notification and dot badge.

+
    +
  • Top: It is the default position, so there is no additional class needed for the top position.
    • +
  • Bottom: To get the bottom badge, add the + .e-.badge-bottom class with + .e-badge.
    • +
" + }; +} +@*End:Hidden*@ +@using Syncfusion.EJ2 +
+ +
+
+ + + +
+
+
+ + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Types.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Types.razor.txt new file mode 100644 index 000000000..daf73b2df --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Badge/Types.razor.txt @@ -0,0 +1,292 @@ +@page "/Badge/Types" + +@using Syncfusion.EJ2.RazorComponents.Inputs; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Types"; + SampleBrowser.CurrentControlName = "Badge"; + SampleBrowser.CurrentControlCategory = "Notifications"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Badge; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates 8-predefined badge colors for various scenarios which can be applied from the modifier class. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The badge supports the following 8 different essential colors for various situations. All the classes should be added + with + .e-badge class. +

+
    +
  • Primary: The + .e-badge-primary class applies the primary color.
    • +
  • Secondary: The + .e-badge-secondary class applies the secondary color.
    • +
  • Success: The + .e-badge-success class applies the success color.
    • +
  • Danger: The + .e-badge-danger class applies the danger color.
    • +
  • Warning: The + .e-badge-warning class applies the warning color.
    • +
  • Info: The + .e-badge-info class applies the info color.
    • +
  • Light: The + .e-badge-light class applies the light color.
    • +
  • Dark: The + .e-badge-dark class applies the dark color.
    • +
" + }; +} +@*End:Hidden*@ +@using Syncfusion.EJ2; +
+
+
+
+
+
+ + + 10 +
+
+
+
+ .e-badge-primary +
+
+
+
+ +
+
+
+ +
+
+ .e-badge-secondary +
+
+
+ +
+
+
+ +
+
+ .e-badge-success +
+
+
+ +
+
+
+ +
+
+ .e-badge-danger +
+
+
+ +
+
+
+ +
+
+ .e-badge-warning +
+
+
+ +
+
+
+ +
+
+ .e-badge-info +
+
+
+ +
+
+
+ +
+
+ .e-badge-light +
+
+
+ +
+
+
+ +
+
+ .e-badge-dark +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/SampleList.cs.txt new file mode 100644 index 000000000..bd29c4977 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/SampleList.cs.txt @@ -0,0 +1,42 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Toast { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Toast", + Directory = "Notifications/Toast", + Url = "Notifications/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + } + }; + public List Badge { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Badge", + Directory = "Notifications/Badge", + Url = "Badge/Default", + FileName = "Default.razor", + Type = SampleType.New, + }, + new Sample + { + Name = "Types", + Category = "Badge", + Directory = "Notifications/Badge", + Url = "Badge/Types", + FileName = "Types.razor", + Type = SampleType.New, + } + }; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Toast/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Toast/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..f2ff23137 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Notifications/Toast/DefaultFunctionalities.razor.txt @@ -0,0 +1,61 @@ +@page "/Notifications/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents +@using Syncfusion.EJ2.RazorComponents.Notifications + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Toast"; + SampleBrowser.CurrentControlCategory = "Toast"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Toast; + SampleBrowser.ActionDescription = new string[] { + @"

This sample demonstrates the basic layout of a Toast to show simple notification and hide them.

" + }; + SampleBrowser.Description = new string[] { + @"

The Toast is a notification pop-up used to display on the desired position with required message and header icons.

+
    +
  • The header text is set using title property.
    • +
  • Information to be displayed is set using content property.
    • +
+

+ More information about Toast can be found in this + documentation section. +

" + }; +} +@*End:Hidden*@ + +
+ + + +
+
+ + +
+
+
+ + + +@functions { + EjsToast toastObj; + + private void showOnclick() + { + this.toastObj.Show(); + } + private void hideOnclick() + { + this.toastObj.Hide("All"); + } + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/AdvanceFiltering.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/AdvanceFiltering.razor.txt new file mode 100644 index 000000000..19740b2da --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/AdvanceFiltering.razor.txt @@ -0,0 +1,115 @@ +@page "/PivotView/AdvanceFiltering" + +@using Syncfusion.EJ2.RazorComponents.PivotView + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Label and Value Filtering"; + SampleBrowser.CurrentControlName = "PivotTable"; + SampleBrowser.CurrentControlCategory = "PivotTable"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PivotTable; + SampleBrowser.ActionDescription = new string[] { +@"

+ This sample demonstrates the label and value filtering feature of the pivotgrid widget. +

" +}; + SampleBrowser.Description = new string[] { +@"

+ The value filtering option allows user to filter the fields based on the grand total. And label filtering option allows user to filter the fields based on the text. +The label and value filtring can be applied either through code-behind or UI by enabling the properties dataSource->allowLabelFilter and dataSource->allowValueFilter to true. +To achieve this in code-behind, use the filterSettings object in the pivot grid widget along with the following properties. +

+ + + + + + + + + + + + + + + + + + + + + + + + + +
+ name : + Specifies the normal field.
+ type : + Specifies the filter type. For label filtering, it should be 'Label' type and for value filtering, it should be 'Value' type.
+ measure : + Specifies the value based field.
+ condition : + Specifies the operator type like equals, greater than, less than, etc.
+ value1 : + Gets the value to view the filter result.
+ value2 : + For conditions like 'between' and 'not between', this option will be enabled. Enter both start and end value to view the filter result.
" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + + EjsPivotView pivotView; + + static PivotViewData pivotData = new PivotViewData(); + + private List data = pivotData.GetPivot_Data(); + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Chart.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Chart.razor.txt new file mode 100644 index 000000000..feba27472 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Chart.razor.txt @@ -0,0 +1,101 @@ +@page "/PivotView/Chart" + +@using Syncfusion.EJ2.RazorComponents.PivotView + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Chart"; + SampleBrowser.CurrentControlName = "PivotTable"; + SampleBrowser.CurrentControlCategory = "PivotTable"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PivotTable; + SampleBrowser.ActionDescription = new string[] { +@"

+ This sample demonstrates the basic rendering of the Chart control using pivot data. PivotTable Field List is also enabled to change the report at runtime. +

" +}; + SampleBrowser.Description = new string[] { +@"

+ In this sample, the Pivot View component plots a chart widget based on the pivot report bound to it. + This can be achieved by setting the property displayOption.view to Chart. + The built-in options are:

+ + Table -> Renders grid widget only, which is the default.
+ Chart -> Renders chart widget only.
+ Both -> Renders both grid and chart widget.
+

+

+ The chart types can be set using the chartSettings.chartSeries.typeproperty. + The built-in chart types are:

+ + Column
+ Line
+ Spline
+ Bar
+ Area
+ StepArea
+ SplineArea
+ StackingColumn
+ StackingArea
+ StackingBar
+ StepLine
+ Pareto
+ Bubble
+ Scatter
+ StackingColumn100
+ StackingBar100
+ StackingArea100
+ Polar
+ Radar

+ + In the sample, the field list option is enabled, through which you can see the result in the chart by altering the report dynamically. +

" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + EjsPivotView pivotView; + + static PivotViewData pivotData = new PivotViewData(); + + private List data = pivotData.GetPivot_Data(); + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..d250a1dd6 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/DefaultFunctionalities.razor.txt @@ -0,0 +1,76 @@ +@page "/PivotView/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.PivotView + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "PivotTable"; + SampleBrowser.CurrentControlCategory = "PivotTable"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PivotTable; + SampleBrowser.ActionDescription = new string[] { +@"

+ This sample demonstrates the basic rendering of the pivotgrid widget with minimum configuration. +

" +}; + SampleBrowser.Description = new string[] { +@"

+ The pivotgrid widget is an easily configurable, presentation-quality business control used for visualizing relational data + sources in cross-tabular format. It is displayed with drill-up and drill-down capabilities and allows users to easily + aggregate data. Sorting, filtering, and grouping data are also supported. +

+

+ In this demo, the pivotgrid widget is populated with its minimum default settings. +

" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + + EjsPivotView pivotView; + + static PivotViewData pivotData = new PivotViewData(); + + private List data = pivotData.GetPivot_Data(); + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Editing.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Editing.razor.txt new file mode 100644 index 000000000..cfe10fec1 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/Editing.razor.txt @@ -0,0 +1,103 @@ +@page "/PivotView/Editing" + +@using Syncfusion.EJ2.RazorComponents.PivotView + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Editing"; + SampleBrowser.CurrentControlName = "PivotTable"; + SampleBrowser.CurrentControlCategory = "PivotTable"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PivotTable; + SampleBrowser.ActionDescription = new string[] { +@"

+ This sample demonstrates CRUD operations performed in the raw items of any value cell in a pivot grid. +

" +}; + SampleBrowser.Description = new string[] { +@"

+ In the sample, the raw items of any value cell can be viewed in a drill-through dialog by double-clicking the + cell. CRUD operations can be performed by double-clicking the cells or using toolbar options. The following + CRUD operations can be performed through toolbar operations for normal and batch edits: +

+
    +
  • Add - To add new record, click Add in the toolbar.
    • +
  • Edit - To edit record, double click a cell.
    • +
  • Delete - To delete a record, click Delete in the toolbar after selected a row.
    • +
  • Update,Cancel - You can save or discard changes by clicking Update + or Cancel in + the toolbar, respectively.
    • +
+

This CRUD operations can be configured in a pivot grid using editSettings in code behind. There are also + different modes to manipulate the data source.

+

The available modes are:

+
    +
  • + Normal - Editing by row. +
    • +
  • + Batch - Editing individual cells and bulk updating. +
    • +
  • + Dialog - Editing by row with a dialog option. +
    • +
  • + Command Columns - An additional column appends to the grid with icons to perform CRUD + operations. Editing using cell double-click is restricted here. +
    • +
" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + + EjsPivotView pivotView; + + static PivotViewData pivotData = new PivotViewData(); + + private List data = pivotData.GetPivot_Data(); + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/PivotData.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/PivotData.cs.txt new file mode 100644 index 000000000..2d341c257 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/PivotData.cs.txt @@ -0,0 +1,780 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples.Pages.PivotView.PivotTable +{ + public class PivotViewData + { + public List GetPivot_Data() + { + List pivot_Data = new List(); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 51, Amount = 383, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 423, Amount = 3595.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 234, Amount = 1813.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 127, Amount = 952.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 89, Amount = 668, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 140, Amount = 1050, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 31, Amount = 233, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 402, Amount = 3417, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 254, Amount = 1968.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 314, Amount = 2355, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 91, Amount = 683, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 202, Amount = 1717, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 298, Amount = 2309.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 166, Amount = 1245, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 11, Amount = 83, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 416, Amount = 3536, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 55, Amount = 426.25, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 510, Amount = 3825, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 199, Amount = 1691.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 103, Amount = 798.25, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 227, Amount = 1702.5, Country = "France", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 16, Amount = 72, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 250, Amount = 1250, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 386, Amount = 1640.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 165, Amount = 660, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 83, Amount = 373.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 221, Amount = 1105, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 249, Amount = 1058.25, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 418, Amount = 1672, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 55, Amount = 247.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 415, Amount = 2075, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 57, Amount = 242.25, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 252, Amount = 1008, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 19, Amount = 85.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 64, Amount = 320, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 66, Amount = 280.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 263, Amount = 1052, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 61, Amount = 274.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 257, Amount = 1285, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 386, Amount = 1640.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 503, Amount = 2012, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 43, Amount = 193.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 322, Amount = 1610, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 305, Amount = 1296.25, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 171, Amount = 684, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 22, Amount = 99, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 254, Amount = 1270, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 72, Amount = 306, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 286, Amount = 1144, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 95, Amount = 427.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 271, Amount = 1355, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 67, Amount = 284.75, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 92, Amount = 368, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 86, Amount = 387, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 320, Amount = 1600, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 244, Amount = 1037, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 403, Amount = 1612, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 45, Amount = 202.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 323, Amount = 1615, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 256, Amount = 1088, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 361, Amount = 1444, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 57, Amount = 256.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 269, Amount = 1345, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 448, Amount = 1904, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 376, Amount = 1504, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 15, Amount = 67.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 157, Amount = 785, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 170, Amount = 722.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 542, Amount = 2168, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 96, Amount = 432, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 212, Amount = 1060, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 342, Amount = 1453.5, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 84, Amount = 336, Country = "France", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 42, Amount = 483, Country = "France", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 287, Amount = 3444, Country = "France", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 371, Amount = 4173.75, Country = "France", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 414, Amount = 4554, Country = "France", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 60, Amount = 946.8, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 470, Amount = 7651.6, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 448, Amount = 6957.44, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 118, Amount = 1803.04, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 15, Amount = 236.7, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 95, Amount = 1546.6, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 191, Amount = 2966.23, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 426, Amount = 6509.28, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 78, Amount = 1230.84, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 69, Amount = 1123.32, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 221, Amount = 3432.13, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 285, Amount = 4354.8, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 56, Amount = 883.68, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 303, Amount = 4932.84, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 419, Amount = 6507.07, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 397, Amount = 6066.16, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 90, Amount = 1420.2, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 337, Amount = 5486.36, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 74, Amount = 1149.22, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 203, Amount = 3101.84, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 83, Amount = 1309.74, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 152, Amount = 2474.56, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 144, Amount = 2236.32, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 231, Amount = 3529.68, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 47, Amount = 741.66, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 464, Amount = 7553.92, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 460, Amount = 7143.8, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 343, Amount = 5241.04, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 22, Amount = 347.16, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 161, Amount = 2621.08, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 188, Amount = 2919.64, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 233, Amount = 3560.24, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 17, Amount = 268.26, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 121, Amount = 1969.88, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 469, Amount = 7283.57, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 297, Amount = 4538.16, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 30, Amount = 473.4, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 288, Amount = 4688.64, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 155, Amount = 2407.15, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 121, Amount = 1848.88, Country = "France", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 46, Amount = 1414.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 328, Amount = 10250, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 393, Amount = 11986.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 415, Amount = 12553.75, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 63, Amount = 1937.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 411, Amount = 12843.75, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 106, Amount = 3233, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 222, Amount = 6715.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 98, Amount = 3013.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 59, Amount = 1843.75, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 355, Amount = 10827.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 76, Amount = 2299, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 38, Amount = 1168.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 189, Amount = 5906.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 458, Amount = 13969, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 436, Amount = 13189, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 19, Amount = 584.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 444, Amount = 13875, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 186, Amount = 5673, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 225, Amount = 6806.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 11, Amount = 338.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 61, Amount = 1906.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 272, Amount = 8296, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 150, Amount = 4537.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 51, Amount = 1568.25, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 490, Amount = 15312.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 487, Amount = 14853.5, Country = "France", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 277, Amount = 5332.25, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 236, Amount = 4484, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 49, Amount = 955.5, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 191, Amount = 3820, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 165, Amount = 3176.25, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 185, Amount = 3515, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 92, Amount = 1794, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 128, Amount = 2560, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 258, Amount = 4966.5, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 274, Amount = 5206, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 58, Amount = 1131, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 322, Amount = 6440, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 168, Amount = 3234, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 120, Amount = 2280, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 18, Amount = 351, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 142, Amount = 2840, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 133, Amount = 2560.25, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 377, Amount = 7163, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 56, Amount = 1092, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 318, Amount = 6360, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 456, Amount = 8778, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 21, Sold = 408, Amount = 7752, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 34, Amount = 663, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 226, Amount = 4520, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 355, Amount = 6833.75, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 237, Amount = 4503, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 94, Amount = 1833, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 273, Amount = 5460, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 280, Amount = 5390, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 146, Amount = 2774, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 37, Amount = 721.5, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 219, Amount = 4380, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 497, Amount = 9567.25, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 378, Amount = 7182, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 83, Amount = 1618.5, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 211, Amount = 4220, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 372, Amount = 7161, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 537, Amount = 10203, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 58, Amount = 1131, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 155, Amount = 3100, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 211, Amount = 4061.75, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 134, Amount = 2546, Country = "France", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 58, Amount = 98832, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 474, Amount = 810066, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 447, Amount = 762582, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 289, Amount = 491011, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 60, Amount = 102240, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 93, Amount = 158937, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 96, Amount = 163776, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 401, Amount = 681299, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 83, Amount = 141432, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 21, Sold = 427, Amount = 729743, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 396, Amount = 675576, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 98, Amount = 166502, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 48, Amount = 81792, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 288, Amount = 492192, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 68, Amount = 115872, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 406, Amount = 693854, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 50, Amount = 85300, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 231, Amount = 392469, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 31, Amount = 52824, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 254, Amount = 434086, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 455, Amount = 776230, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 304, Amount = 516496, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 40, Amount = 68160, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 204, Amount = 348636, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 231, Amount = 394086, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 531, Amount = 902169, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 45, Amount = 76680, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 275, Amount = 469975, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 292, Amount = 498152, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 197, Amount = 334703, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 35, Amount = 59640, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 234, Amount = 399906, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 127, Amount = 216662, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 377, Amount = 640523, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 40, Amount = 68160, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 474, Amount = 810066, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 168, Amount = 286608, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 521, Amount = 885179, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 55, Amount = 93720, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 309, Amount = 528081, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 466, Amount = 794996, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 296, Amount = 502904, Country = "France", Product_Categories = "Bikes", Products = "Mountain Bikes", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 76, Amount = 113929, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 202, Amount = 304818, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 285, Amount = 429210, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 345, Amount = 571119, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 61, Amount = 91444, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 94, Amount = 141846, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 241, Amount = 362946, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 186, Amount = 795969, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 79, Amount = 118426, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 341, Amount = 514569, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 401, Amount = 603906, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 204, Amount = 517155, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 71, Amount = 106434, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 368, Amount = 555312, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 500, Amount = 753000, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 275, Amount = 278814, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 41, Amount = 61464, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 172, Amount = 259548, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 432, Amount = 650592, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 241, Amount = 305796, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 40, Amount = 59965, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 350, Amount = 528150, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 468, Amount = 704808, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 250, Amount = 412225, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 98, Amount = 146907, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 81, Amount = 121424, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 80, Amount = 120720, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 314, Amount = 472884, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 495, Amount = 274317, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 83, Amount = 124422, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 380, Amount = 573420, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 157, Amount = 236442, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 450, Amount = 640073, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 10, Amount = 14995, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 330, Amount = 497970, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 324, Amount = 487944, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 346, Amount = 742005, Country = "France", Product_Categories = "Bikes", Products = "Road Bikes", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 83, Amount = 132426.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 51, Amount = 81396, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 483, Amount = 770505.75, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 233, Amount = 371635, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 46, Amount = 73393, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 306, Amount = 488376, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 124, Amount = 197811, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 409, Amount = 652355, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 66, Amount = 105303, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 172, Amount = 274512, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 193, Amount = 307883.25, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 510, Amount = 813450, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 56, Amount = 89348, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 61, Amount = 97356, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 51, Amount = 81357.75, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 360, Amount = 574200, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 51, Amount = 81370.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 176, Amount = 280896, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 372, Amount = 593433, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 473, Amount = 754435, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 85, Amount = 135617.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 457, Amount = 729372, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 305, Amount = 486551.25, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 513, Amount = 818235, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 89, Amount = 141999.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 87, Amount = 138852, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 378, Amount = 603004.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 65, Amount = 103675, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 84, Amount = 134022, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 118, Amount = 188328, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 242, Amount = 386050.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 396, Amount = 631620, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 85, Amount = 135617.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 98, Amount = 156408, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 251, Amount = 400407.75, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 144, Amount = 229680, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 85, Amount = 135617.5, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 465, Amount = 742140, Country = "France", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 227, Amount = 1362, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 52, Amount = 312.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 107, Amount = 856, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 457, Amount = 2856.25, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 122, Amount = 732, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 28, Amount = 168.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 490, Amount = 3920, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 464, Amount = 2900, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 329, Amount = 1974, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 81, Amount = 486.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 94, Amount = 752, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 43, Sold = 230, Amount = 1437.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 404, Amount = 2424, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 27, Amount = 162.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 106, Amount = 848, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 358, Amount = 2237.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 140, Amount = 840, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 48, Amount = 288.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 155, Amount = 1240, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 176, Amount = 1100, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 501, Amount = 3006, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 14, Amount = 84.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 98, Amount = 784, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 280, Amount = 1750, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 285, Amount = 1710, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 67, Amount = 402.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 103, Amount = 824, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 247, Amount = 1543.75, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 153, Amount = 918, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 40, Sold = 49, Amount = 294.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 348, Amount = 2784, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 461, Amount = 2881.25, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 536, Amount = 3216, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 83, Amount = 498.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 68, Amount = 544, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 390, Amount = 2437.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 154, Amount = 924, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 38, Amount = 228.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 413, Amount = 3304, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 380, Amount = 2375, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 226, Amount = 1356, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 65, Amount = 390.5, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 176, Amount = 1408, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 217, Amount = 1356.25, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 318, Amount = 1908, Country = "France", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 21, Amount = 598.5, Country = "France", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 68, Amount = 1972, Country = "France", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 277, Amount = 7825.25, Country = "France", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 191, Amount = 5348, Country = "France", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 63, Amount = 1795.5, Country = "France", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 463, Amount = 738485, Country = "United States", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 90, Amount = 143595, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 365, Amount = 582540, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 244, Amount = 389424, Country = "United States", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 90, Amount = 143572.5, Country = "United States", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 477, Amount = 760815, Country = "United States", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 73, Amount = 116471.5, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 390, Amount = 622440, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 392, Amount = 625338, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 412, Amount = 657140, Country = "United Kingdom", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 33, Amount = 52651.5, Country = "United States", Product_Categories = "Bikes", Products = "Touring Bikes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 80, Amount = 640, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 86, Amount = 2494, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 63, Amount = 1071, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 75, Amount = 8400, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 123, Amount = 768.75, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 219, Amount = 6186.75, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 274, Amount = 4452.5, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 57, Amount = 6341.25, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 259, Amount = 1554, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 266, Amount = 7448, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 246, Amount = 3936, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 70, Amount = 8880, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 34, Amount = 204.5, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 40, Amount = 1140, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 47, Amount = 1010.5, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 49, Amount = 5439.5, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 206, Amount = 1648, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 169, Amount = 4901, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 385, Amount = 6545, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 358, Amount = 40096, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 148, Amount = 925, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 128, Amount = 3616, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 376, Amount = 6110, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 462, Amount = 3696, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 165, Amount = 4785, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 228, Amount = 3876, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 89, Amount = 9968, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 157, Amount = 981.25, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 115, Amount = 3248.75, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 15, Sold = 420, Amount = 6825, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 490, Amount = 54512.5, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 459, Amount = 2754, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 332, Amount = 9296, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 93, Amount = 1488, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 61, Amount = 51282, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 81, Amount = 486.5, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 81, Amount = 2308.5, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 73, Amount = 1569.5, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 62, Amount = 6882.5, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Retail Outlets", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 125, Amount = 1000, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 274, Amount = 7946, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 348, Amount = 5916, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 489, Amount = 54768, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Sales Person", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 144, Amount = 900, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 155, Amount = 4378.75, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 134, Amount = 2177.5, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 393, Amount = 43721.25, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "Teleshopping", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 423, Amount = 2538, Country = "United States", Product_Categories = "Clothing", Products = "Gloves", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 178, Amount = 4984, Country = "United States", Product_Categories = "Clothing", Products = "Jerseys", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 439, Amount = 7024, Country = "United States", Product_Categories = "Clothing", Products = "Shorts", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 220, Amount = 13875, Country = "United States", Product_Categories = "Clothing", Products = "Vests", Order_Source = "App Store", Year = "FY 2018", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 53, Amount = 1033.5, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 33, Sold = 70, Amount = 525.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 61, Amount = 1875.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 61, Amount = 458, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 81, Amount = 1278.18, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 94, Amount = 1081, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 395, Amount = 7900, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 29, Sold = 400, Amount = 3400, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 306, Amount = 9562.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 200, Amount = 1000, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 477, Amount = 7765.56, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 339, Amount = 4068, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 111, Amount = 2136.75, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 384, Amount = 2976, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 384, Amount = 11712, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 228, Amount = 969, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 355, Amount = 5513.15, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 150, Amount = 1687.5, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 459, Amount = 8721, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 481, Amount = 3607.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 243, Amount = 7350.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 520, Amount = 2080, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 250, Amount = 3820, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 141, Amount = 1551, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 85, Amount = 1657.5, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 14, Amount = 105.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 96, Amount = 2952, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 76, Amount = 342, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 93, Amount = 1467.54, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 75, Amount = 862.5, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 181, Amount = 3620, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 63, Amount = 535.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 94, Amount = 2937.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 290, Amount = 1450, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 495, Amount = 8058.6, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 455, Amount = 5460, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 487, Amount = 9374.75, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 446, Amount = 3456.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 298, Amount = 9089, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 291, Amount = 1236.75, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 291, Amount = 4519.23, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 128, Amount = 1440, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 321, Amount = 6099, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 515, Amount = 3862.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 534, Amount = 16153.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 467, Amount = 1868, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 322, Amount = 4920.16, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 258, Amount = 2838, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 59, Amount = 1150.5, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 57, Amount = 428, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 27, Amount = 830.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 76, Amount = 342, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 16, Amount = 252.48, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 87, Amount = 1000.5, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 388, Amount = 7760, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 327, Amount = 2779.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q1" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 388, Amount = 7469, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 498, Amount = 3859.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 400, Amount = 12200, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 21, Sold = 500, Amount = 2125, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 457, Amount = 7097.21, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 216, Amount = 2430, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 3, Sold = 90, Amount = 1710, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 7, Sold = 344, Amount = 2580, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 188, Amount = 5687, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 488, Amount = 1952, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 35, Sold = 468, Amount = 7151.04, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 454, Amount = 4994, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2015", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 12, Sold = 42, Amount = 819, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 89, Amount = 668, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 84, Amount = 2583, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 5, Sold = 41, Amount = 184.5, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 77, Amount = 1215.06, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 97, Amount = 1115.5, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 169, Amount = 3380, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 494, Amount = 4199, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 127, Amount = 3968.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 459, Amount = 2295, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 466, Amount = 7586.48, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 64, Amount = 768, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 417, Amount = 8027.25, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 73, Amount = 565.75, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 482, Amount = 14701, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 367, Amount = 1559.75, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 303, Amount = 4705.59, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 176, Amount = 1980, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 436, Amount = 8284, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 203, Amount = 1522.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 39, Sold = 95, Amount = 2873.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 381, Amount = 1524, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 85, Amount = 1298.8, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 74, Amount = 814, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 13, Amount = 253.5, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 15, Amount = 113, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 46, Amount = 1414.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 18, Sold = 69, Amount = 310.5, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 34, Amount = 536.52, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 38, Amount = 437, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 480, Amount = 9600, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 434, Amount = 3689, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 181, Amount = 5656.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 500, Amount = 2500, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 46, Sold = 63, Amount = 1025.64, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 238, Amount = 2856, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 257, Amount = 4947.25, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 178, Amount = 1379.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 264, Amount = 8052, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 16, Sold = 441, Amount = 1874.25, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 243, Amount = 3773.79, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 30, Sold = 131, Amount = 1473.75, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 402, Amount = 7638, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 488, Amount = 3660, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 237, Amount = 7169.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 36, Sold = 251, Amount = 1004, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 151, Amount = 2307.28, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 44, Sold = 387, Amount = 4257, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q2" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 10, Amount = 195, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 49, Sold = 77, Amount = 578, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 70, Amount = 2152.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 90, Amount = 405, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 37, Sold = 58, Amount = 915.24, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 91, Amount = 1046.5, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 42, Sold = 497, Amount = 9940, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 31, Sold = 411, Amount = 3493.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 285, Amount = 8906.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2015", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 261, Amount = 2871, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 57, Amount = 1111.5, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 12, Amount = 90.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 2, Sold = 48, Amount = 1476, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 1, Sold = 68, Amount = 306, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 26, Sold = 42, Amount = 662.76, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 41, Sold = 82, Amount = 943, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 50, Sold = 312, Amount = 6240, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 206, Amount = 1751, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 393, Amount = 12281.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 48, Sold = 354, Amount = 1770, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 45, Sold = 160, Amount = 2604.8, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q3" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 34, Sold = 199, Amount = 796, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 454, Amount = 6937.12, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 138, Amount = 1518, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2016", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 6, Sold = 32, Amount = 624, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 19, Sold = 80, Amount = 600.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 25, Sold = 33, Amount = 1014.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 38, Sold = 48, Amount = 216, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 8, Sold = 36, Amount = 568.08, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 4, Sold = 18, Amount = 207, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Retail Outlets", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 32, Sold = 125, Amount = 2500, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 28, Sold = 481, Amount = 4088.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 287, Amount = 8968.75, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 10, Sold = 302, Amount = 1510, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 264, Amount = 4297.92, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 23, Sold = 107, Amount = 1284, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Sales Person", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 17, Sold = 219, Amount = 4215.75, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 20, Sold = 384, Amount = 2976, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 27, Sold = 231, Amount = 7045.5, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 409, Amount = 1738.25, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 24, Sold = 204, Amount = 3168.12, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 22, Sold = 301, Amount = 3386.25, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "Teleshopping", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 535, Amount = 10165, Country = "United States", Product_Categories = "Accessories", Products = "Tires and Tubes", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 47, Sold = 405, Amount = 3037.5, Country = "United States", Product_Categories = "Accessories", Products = "Bottles and Cages", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 14, Sold = 385, Amount = 11646.25, Country = "United States", Product_Categories = "Accessories", Products = "Hydration Packs", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 11, Sold = 426, Amount = 1704, Country = "United States", Product_Categories = "Accessories", Products = "Cleaners", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 13, Sold = 392, Amount = 5989.76, Country = "United States", Product_Categories = "Accessories", Products = "Helmets", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + pivot_Data.Add(new Pivot_Data { In_Stock = 9, Sold = 426, Amount = 4686, Country = "United States", Product_Categories = "Accessories", Products = "Fenders", Order_Source = "App Store", Year = "FY 2017", Quarter = "Q4" }); + return pivot_Data; + } + + public List GetDefaultData() + { + List defaultData = new List(); + defaultData.Add(new DefaultData { Sold = 31, Amount = 52824, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 51, Amount = 86904, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 90, Amount = 153360, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 25, Amount = 42600, Country = "France", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 27, Amount = 46008, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 49, Amount = 83496, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 95, Amount = 161880, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 67, Amount = 114168, Country = "France", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 75, Amount = 127800, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 67, Amount = 114168, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 69, Amount = 117576, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 90, Amount = 153360, Country = "France", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 16, Amount = 27264, Country = "France", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 83, Amount = 124422, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 57, Amount = 85448, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 20, Amount = 29985, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 93, Amount = 139412, Country = "France", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 35, Amount = 52470, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 28, Amount = 41977, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 48, Amount = 71957, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 36, Amount = 53969, Country = "France", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 25, Amount = 37480, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 69, Amount = 103436, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 16, Amount = 23989, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 28, Amount = 41977, Country = "France", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 19, Amount = 28486, Country = "France", Products = "Road Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 89, Amount = 141999.5, Country = "France", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 91, Amount = 145190.5, Country = "France", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 24, Amount = 38292, Country = "France", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 75, Amount = 119662.5, Country = "France", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 100, Amount = 159550, Country = "France", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 30, Amount = 47865, Country = "France", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 69, Amount = 110089.5, Country = "France", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 25, Amount = 39887.5, Country = "France", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 42, Amount = 67011, Country = "France", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 94, Amount = 149977, Country = "France", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 76, Amount = 121258, Country = "France", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 52, Amount = 82966, Country = "France", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 33, Amount = 52651.5, Country = "France", Products = "Touring Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 16, Amount = 23989, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 21, Amount = 33505.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 74, Amount = 126096, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 99, Amount = 148406, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 31, Amount = 49460.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 57, Amount = 97128, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 41, Amount = 61464, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 64, Amount = 102112, Country = "Germany", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 85, Amount = 144840, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 76, Amount = 129504, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 33, Amount = 56232, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 71, Amount = 120984, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 81, Amount = 138024, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 65, Amount = 110760, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 39, Amount = 66456, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 91, Amount = 155064, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 16, Amount = 27264, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 59, Amount = 100536, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 36, Amount = 61344, Country = "Germany", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 39, Amount = 58466, Country = "Germany", Products = "Road Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 47, Amount = 70458, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 19, Amount = 28486, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 34, Amount = 50971, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 34, Amount = 50971, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 26, Amount = 38979, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 15, Amount = 22490, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 83, Amount = 124422, Country = "Germany", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 79, Amount = 118426, Country = "Germany", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 14, Amount = 20991, Country = "Germany", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 15, Amount = 23932.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 47, Amount = 74988.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 93, Amount = 148381.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 13, Amount = 20741.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 44, Amount = 70202, Country = "Germany", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 59, Amount = 94134.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 34, Amount = 54247, Country = "Germany", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 48, Amount = 76584, Country = "Germany", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 35, Amount = 55842.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 71, Amount = 113280.5, Country = "Germany", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 77, Amount = 131208, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 92, Amount = 156768, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 51, Amount = 86904, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 91, Amount = 155064, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 90, Amount = 153360, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 56, Amount = 95424, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 14, Amount = 23856, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 95, Amount = 161880, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 24, Amount = 40896, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 39, Amount = 66456, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 84, Amount = 143136, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 40, Amount = 68160, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 96, Amount = 163584, Country = "United Kingdom", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 24, Amount = 35981, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 86, Amount = 128919, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 31, Amount = 46474, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 36, Amount = 53969, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 40, Amount = 59965, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 69, Amount = 103436, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 95, Amount = 142410, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 95, Amount = 142410, Country = "United States", Products = "Road Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 30, Amount = 44975, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 11, Amount = 16494, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 97, Amount = 145408, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 16, Amount = 23989, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 40, Amount = 59965, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 68, Amount = 101937, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 11, Amount = 16494, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 27, Amount = 40478, Country = "United States", Products = "Road Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 45, Amount = 67460, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 100, Amount = 149905, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 70, Amount = 104935, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 83, Amount = 124422, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 100, Amount = 149905, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 18, Amount = 26987, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 70, Amount = 104935, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 81, Amount = 121424, Country = "United States", Products = "Road Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 20, Amount = 29985, Country = "United Kingdom", Products = "Road Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 99, Amount = 148406, Country = "United States", Products = "Road Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 43, Amount = 73272, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 43, Amount = 73272, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 52, Amount = 88608, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 91, Amount = 155064, Country = "United States", Products = "Mountain Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 37, Amount = 63048, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 41, Amount = 69864, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 49, Amount = 83496, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 23, Amount = 39192, Country = "United States", Products = "Mountain Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 67, Amount = 114168, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 85, Amount = 144840, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 25, Amount = 42600, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 28, Amount = 47712, Country = "United States", Products = "Mountain Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 53, Amount = 90312, Country = "United States", Products = "Mountain Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 82, Amount = 130831, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 41, Amount = 65415.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 60, Amount = 95730, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 71, Amount = 113280.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 45, Amount = 71797.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 21, Amount = 33505.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 94, Amount = 149977, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 34, Amount = 54247, Country = "United States", Products = "Touring Bikes", Year = "FY 2015", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 14, Amount = 22337, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 76, Amount = 121258, Country = "United States", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 50, Amount = 79775, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 75, Amount = 119662.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 49, Amount = 78179.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 40, Amount = 63820, Country = "United States", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 94, Amount = 149977, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 17, Amount = 27123.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2016", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 45, Amount = 71797.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 56, Amount = 89348, Country = "United States", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 75, Amount = 119662.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 11, Amount = 17550.5, Country = "United States", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q2" }); + defaultData.Add(new DefaultData { Sold = 54, Amount = 86157, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 14, Amount = 22337, Country = "United States", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q3" }); + defaultData.Add(new DefaultData { Sold = 11, Amount = 17550.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 76, Amount = 121258, Country = "United States", Products = "Touring Bikes", Year = "FY 2017", Quarter = "Q4" }); + defaultData.Add(new DefaultData { Sold = 45, Amount = 71797.5, Country = "United Kingdom", Products = "Touring Bikes", Year = "FY 2018", Quarter = "Q1" }); + defaultData.Add(new DefaultData { Sold = 80, Amount = 127640, Country = "United States", Products = "Touring Bikes", Year = "FY 2018", Quarter = "Q1" }); + return defaultData; + } + + public class Pivot_Data + { + public int In_Stock { get; set; } + public int Sold { get; set; } + public double Amount { get; set; } + public string Country { get; set; } + public string Product_Categories { get; set; } + public string Products { get; set; } + public string Order_Source { get; set; } + public string Year { get; set; } + public string Quarter { get; set; } + } + + public class DefaultData + { + public int Sold { get; set; } + public double Amount { get; set; } + public string Country { get; set; } + public string Products { get; set; } + public string Year { get; set; } + public string Quarter { get; set; } + } + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/UserInteraction.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/UserInteraction.razor.txt new file mode 100644 index 000000000..9c0d6500e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/PivotTable/UserInteraction.razor.txt @@ -0,0 +1,80 @@ +@page "/PivotView/UserInteraction" + +@using Syncfusion.EJ2.RazorComponents.PivotView + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "User Interaction"; + SampleBrowser.CurrentControlName = "PivotTable"; + SampleBrowser.CurrentControlCategory = "PivotTable"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PivotTable; + SampleBrowser.ActionDescription = new string[] { +@"

+ This sample demonstrates the grouping bar and field list feature of the pivotgrid widget. In the sample, fields are automatically populated + from the bound data source, and it can be used to create a pivot view at runtime. +

" +}; + SampleBrowser.Description = new string[] { +@"

+ The pivotgrid widget grouping bar option automatically populates fields from the bound data source and allows end users + to drag fields between different axes such as columns, rows, values, and filters, and create pivot views at runtime. + To enable grouping bar, set the showGroupingBar property as true. +

+

+ And the built-in field list option automatically populates fields from the bound data source and allows end users + to add, remove and rearrange the fields between different axes such as columns, rows, values, and filters, and create pivot views at runtime. + To enable field list, set the showFieldList property as true. +

" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +@functions{ + + EjsPivotView pivotView; + + static PivotViewData pivotData = new PivotViewData(); + + private List data = pivotData.GetPivot_Data(); + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/SampleList.cs.txt new file mode 100644 index 000000000..c4a432209 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/PivotView/SampleList.cs.txt @@ -0,0 +1,58 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List PivotTable { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "PivotTable", + Directory = "PivotView/PivotTable", + Url = "PivotView/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "User Interaction", + Category = "PivotTable", + Directory = "PivotView/PivotTable", + Url = "PivotView/UserInteraction", + FileName = "UserInteraction.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Label and Value Filtering", + Category = "PivotTable", + Directory = "PivotView/PivotTable", + Url = "PivotView/AdvanceFiltering", + FileName = "AdvanceFiltering.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Chart", + Category = "PivotTable", + Directory = "PivotView/PivotTable", + Url = "PivotView/Chart", + FileName = "Chart.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Editing", + Category = "PivotTable", + Directory = "PivotView/PivotTable", + Url = "PivotView/Editing", + FileName = "Editing.razor", + Type = SampleType.New + } + }; + } +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/SampleList.cs.txt new file mode 100644 index 000000000..194714ce7 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/SampleList.cs.txt @@ -0,0 +1,31 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Tooltip { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Tooltip", + Directory = "Popups/Tooltip", + Url = "Tooltip/Default", + FileName = "Default.razor", + Type = SampleType.New, + }, + new Sample + { + Name = "Html Template", + Category = "Tooltip", + Directory = "Popups/Tooltip", + Url = "Tooltip/HtmlTemplate", + FileName = "HtmlTemplate.razor", + Type = SampleType.New, + }, + }; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/Default.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/Default.razor.txt new file mode 100644 index 000000000..0d007275b --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/Default.razor.txt @@ -0,0 +1,121 @@ +@page "/Tooltip/Default" + +@using Syncfusion.EJ2.RazorComponents.Buttons +@using Syncfusion.EJ2.RazorComponents.Layouts +@using Syncfusion.EJ2.RazorComponents.Popups +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Tooltip"; + SampleBrowser.CurrentControlCategory = "Popups"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Tooltip; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the default functionalities of the Tooltip which will open + by Hover or Touch-hold action on button and displayed in 12 different positions. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ This sample illustrates a tooltip, that gets opened on hovering the target labelled “Show Tooltip”. The tooltip can be shown + on 12 possible positions, by selecting the appropriate position values provided in the dropdown. The applicable tooltip + positions are as follows: +

+
    +
  • TopLeft
    • +
  • TopCenter
    • +
  • TopRight
    • +
  • BottomLeft
    • +
  • BottomCenter
    • +
  • BottomRight
    • +
  • LeftTop
    • +
  • LeftCenter
    • +
  • LeftBottom
    • +
  • RightTop
    • +
  • RightCenter
    • +
  • RightBottom
    • +
+

In case, if the tooltip needs to be opened on mobile devices, tap hold on the target labelled “Show Tooltip” instead of hovering + and by default, it closes after 1.5 seconds on lift.

+

More information on the Tooltip instantiation can be found in the + documentation section. +

" + }; +} +@using Syncfusion.EJ2 +
+
+ + + + + + +
+
+
+ + + + + + + +
+
Position
+ 		+
+ + +
+
+
+@functions +{ + EjsTooltip tooltip; + Syncfusion.EJ2.RazorComponents.Popups.Position position, loopPos; + void selectItems(UIChangeEventArgs e) + { + Syncfusion.EJ2.RazorComponents.Popups.Position selectedPos = (Syncfusion.EJ2.RazorComponents.Popups.Position)Enum.Parse(typeof(Syncfusion.EJ2.RazorComponents.Popups.Position), e.Value.ToString()); + foreach (Syncfusion.EJ2.RazorComponents.Popups.Position pos in Enum.GetValues(typeof(Syncfusion.EJ2.RazorComponents.Popups.Position))) + { + loopPos = (Syncfusion.EJ2.RazorComponents.Popups.Position)Enum.Parse(typeof(Syncfusion.EJ2.RazorComponents.Popups.Position), pos.ToString()); + if (selectedPos == loopPos) + { + this.tooltip.Position = position = pos; + this.tooltip.DataBind(); + } + } + } + + protected override void OnInit() + { + base.OnInit(); + position = Position.TopLeft; + } + + + +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/HtmlTemplate.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/HtmlTemplate.razor.txt new file mode 100644 index 000000000..493f52b71 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Popups/Tooltip/HtmlTemplate.razor.txt @@ -0,0 +1,85 @@ +@page "/Tooltip/HtmlTemplate" +@using Syncfusion.EJ2.RazorComponents.Buttons; +@using Syncfusion.EJ2.RazorComponents.Popups + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Html Template"; + SampleBrowser.CurrentControlName = "Tooltip"; + SampleBrowser.CurrentControlCategory = "Popups"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Tooltip; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates customizing tooltip content to display a HTML page. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ Tooltip content has been customized using HTML tags and CSS, i.e. the content can be loaded with HTML tags such + as <img>, + <a>,<b>, etc. Title can also be added to the content. Overall, the tooltip content can be + customized to appear like a web page. +

" + }; +} +@using Syncfusion.EJ2 +
+
+ + + + + +
+
+@functions +{ +string template = "

Eastern Bluebird

" + + "
The Eastern Bluebird" + + " is easily found in open fields and sparse woodland areas, including along woodland edges.These arecavity-nesting birdsand a pair of eastern bluebirds will raise 2-3 broods annually, with 2-8 light blue or whitish eggs per brood.
" + + "
" + + "

Eastern bluebirds can be very vocal in flocks.Their calls include a rapid, mid-tone chatter and several long dropping pitch calls.

" + + "

Source:
https://en.wikipedia.org/wiki/Eastern_bluebird

"; + +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..6a3b786af --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/DefaultFunctionalities.razor.txt @@ -0,0 +1,50 @@ + +@page "/RichTextEditor/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents +@using Syncfusion.EJ2.RazorComponents.RichTextEditor + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "RichTextEditor"; + SampleBrowser.CurrentControlCategory = "RichTextEditor"; + SampleBrowser.CurrentControl = SampleBrowser.Config.RichTextEditor; + SampleBrowser.ActionDescription = new string[] { + @"

This sample demonstrates the default rendering of the rich text editor with minimum configuration in Razor application.

" + }; + SampleBrowser.Description = new string[] { + @"

+ The rich text editor is WYSIWYG (""what you see is what you get"") editor that is used to create and + edit content, and return valid HTML markup. The editor provides a standard toolbar to format content using its commands. + The toolbar contains commands to align the text, + insert link, insert image, insert list, undo / redo the operation, HTML view, and more. + " + }; +} +@*End:Hidden*@ + +

+ + + + +
+ +@functions{ + + private bool CharCount { get; set; } = true; + private string value { get; set; } = @"

Rich Text Editor allows to insert images from online source as well as local computer where you want to insert the image in your content.

Get started Quick Toolbar to click on the image

It is possible to add custom style on the selected image inside the RichTextEditor through quick toolbar.

Logo"; + public static object[] tools = new object[]{ +"Bold", "Italic", "Underline", "StrikeThrough", +"FontName", "FontSize", "FontColor", "BackgroundColor", +"LowerCase", "UpperCase", "|", +"Formats", "Alignments", "OrderedList", "UnorderedList", +"Outdent", "Indent", "|", "CreateTable", +"CreateLink", "Image", "|", "ClearFormat", "Print", +"SourceCode", "FullScreen", "|", "Undo", "Redo" +}; + +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor.txt new file mode 100644 index 000000000..0dfad9673 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Iframe-Functionalities.razor.txt @@ -0,0 +1,49 @@ +@page "/RichTextEditor/Iframe-Functionalities" + +@using Syncfusion.EJ2.RazorComponents +@using Syncfusion.EJ2.RazorComponents.RichTextEditor + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "IFrame Functionalities"; + SampleBrowser.CurrentControlName = "RichTextEditor"; + SampleBrowser.CurrentControlCategory = "RichTextEditor"; + SampleBrowser.CurrentControl = SampleBrowser.Config.RichTextEditor; + SampleBrowser.ActionDescription = new string[] { + @"

This sample demonstrates the default rendering of the rich text editor in iframe mode.

" + }; + SampleBrowser.Description = new string[] { + @"

+ The rich text editor is WYSIWYG (""what you see is what you get"") editor that is used to create and edit content, and return valid HTML markup. The editor provides a standard toolbar to format content using its commands. The toolbar contains commands to align the text, insert link, insert image, + insert list, undo/redo the operation, HTML view, and more. +

" + }; +} +@*End:Hidden*@ + +
+ + + + + +
+ + +@functions{ + + private bool CharCount { get; set; } = true; + private string value { get; set; } = @"

Rich Text Editor allows to insert images from online source as well as local computer where you want to insert the image in your content.

Get started Quick Toolbar to click on the image

It is possible to add custom style on the selected image inside the RichTextEditor through quick toolbar.

"; + public static object[] tools = new object[]{ +"Bold", "Italic", "Underline", "StrikeThrough", +"FontName", "FontSize", "FontColor", "BackgroundColor", +"LowerCase", "UpperCase", "|", +"Formats", "Alignments", "OrderedList", "UnorderedList", +"Outdent", "Indent", "|", "CreateTable", +"CreateLink", "Image", "|", "ClearFormat", "Print", +"SourceCode", "FullScreen", "|", "Undo", "Redo" +}; + +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Inline.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Inline.razor.txt new file mode 100644 index 000000000..e4bca8203 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Inline.razor.txt @@ -0,0 +1,47 @@ +@page "/RichTextEditor/Inline" + +@using Syncfusion.EJ2.RazorComponents +@using Syncfusion.EJ2.RazorComponents.RichTextEditor + +@*@inherits RteDf*@ + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Inline"; + SampleBrowser.CurrentControlName = "RichTextEditor"; + SampleBrowser.CurrentControlCategory = "RichTextEditor"; + SampleBrowser.CurrentControl = SampleBrowser.Config.RichTextEditor; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the toolbar show on inline mode. Toolbar show while selection on the below editable content and + it hide on focus out from edit area. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The rich text editor provides an option to display toolbar on demand using mode property. Set mode as inline to enable + inline editor. The toolbar becomes visible only when the content is selected +

" + }; +} +@*End:Hidden*@ + +
+ + + + + +
+ +@functions{ + + private bool CharCount { get; set; } = true; + private string value { get; set; } = @"

The sample is configured with inline mode of editor. Initially, the editor is rendered without a toolbar. The toolbar becomes visible only when the content is selected.

"; + public static object[] toolsForInline = new object[]{ + "Bold", "Italic", "Underline","Formats", "-", "Alignments", "OrderedList", "UnorderedList","CreateLink" + }; + +} + diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor.txt new file mode 100644 index 000000000..eadf5d5af --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/RichTextEditor/Markdown-Overview.razor.txt @@ -0,0 +1,64 @@ +@page "/RichTextEditor/Markdown-Overview" + +@using Syncfusion.EJ2.RazorComponents +@using Syncfusion.EJ2.RazorComponents.RichTextEditor + +@*@inherits RteDf*@ + + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Markdown Functionalities"; + SampleBrowser.CurrentControlName = "RichTextEditor"; + SampleBrowser.CurrentControlCategory = "RichTextEditor"; + SampleBrowser.CurrentControl = SampleBrowser.Config.RichTextEditor; + SampleBrowser.ActionDescription = new string[] { + @"

This sample demonstrates the full features of rich text editor that includes all the tools and functionalities.

" + }; + SampleBrowser.Description = new string[] { + @"

This sample used Code mirror plugins helps to highlight the HTML content and when changes happens in code view, the same has been reflected in preview mode.

+

The editor’s toolbar contains commands to format the content. The toolbar consists of:

+
    +
  • Lists - Ordered and unordered list types.
    • +
  • Links - A hyperlink can be inserted into the editor for quick access to related information.
    • +
  • Image - Inserts and manages images.
    • +
  • Table - Inserts and manages Tables.
    • +
  • Alignment - Aligns the content with left, center, and right margins.
    • +
  • Undo/Redo - Allows undo/redo operations.
    • +
  • Indent/ Outdent - Increases/decreases the indent level of the content.
    • +
  • Font - Able to do styling on text like font family, size, fore color and background color.
    • +
  • Lower / Upper case – Changes the casing of the selected text.
    • +
  • SubScript / SuperScript - Makes the selected text as subscript (lower)/superscript(upper).
    • +
  • FullScreen - Stretches the editor to the maximum width and height of the browser window.
    • +
  • Format – Formats the sentence in different ways such as heading level, quotation, and code snippet
    • +
  • Styles – Allows you to apply inline styles to the selected content like bold, italic, and more.
    • +
" + }; +} +@*End:Hidden*@ + +
+ + + + + +
+ +@functions{ + private bool CharCount { get; set; } = true; + private string value { get; set; } = @"The sample is added to showcase **markdown editing**. + +Type or edit the content and apply formatting to view markdown formatted content. + +We can add our own custom formation syntax for the Markdown formation, [sample link](http://npmci.syncfusion.com/development/demos/#/material/rte/markdown-editor-custom-format.html). + +The third-party library Marked is used in this sample to convert markdown into HTML content"; + public static object[] tools = new object[]{ +"Bold", "Italic", "StrikeThrough", "|", +"Formats", "OrderedList", "UnorderedList", "|", +"CreateLink", "Image", "CreateTable", "|", "Undo", "Redo" + }; + +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/SampleList.cs.txt new file mode 100644 index 000000000..837e4f07e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/RichTextEditor/SampleList.cs.txt @@ -0,0 +1,50 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List RichTextEditor { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "RichTextEditor", + Directory = "RichTextEditor/RichTextEditor", + Url = "RichTextEditor/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Inline", + Category = "RichTextEditor", + Directory = "RichTextEditor/RichTextEditor", + Url = "RichTextEditor/Inline", + FileName = "Inline.razor", + Type = SampleType.New + }, + new Sample + { + Name = "IFrame Functionalities", + Category = "RichTextEditor", + Directory = "RichTextEditor/RichTextEditor", + Url = "RichTextEditor/Iframe-Functionalities", + FileName = "Iframe-Functionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Markdown Functionalities", + Category = "RichTextEditor", + Directory = "RichTextEditor/RichTextEditor", + Url = "RichTextEditor/Markdown-Overview", + FileName = "Markdown-Overview.razor", + Type = SampleType.New + } + }; + } + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/SampleList.cs.txt new file mode 100644 index 000000000..04875ef3e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/SampleList.cs.txt @@ -0,0 +1,577 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; + +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + + internal SampleConfig() + { + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DataGrid", + Category = "Grids", + Directory = "Grid", + Type = SampleType.New, + UID = 002, + Order = 01, + Samples = DataGrid + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "TreeGrid", + Category = "Grids", + Directory = "Grids/TreeGrid", + Type = SampleType.New, + UID = 006, + Order = 02, + Samples = TreeGrid + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "PivotTable", + Category = "Grids", + Directory = "PivotView", + Type = SampleType.New, + UID = 027, + Order = 03, + Samples = PivotTable + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Chart", + Category = "Data Visualization", + Directory = "Charts", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = Chart + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "StockChart", + Category = "Data Visualization", + Directory = "Charts", + Type = SampleType.New, + UID = 006, + Order = 01, + Samples = StockChart + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "CircularGauge", + Category = "Data Visualization", + Directory = "CircularGauge", + Type = SampleType.New, + UID = 003, + Order = 03, + Samples = CircularGauge + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "LinearGauge", + Category = "Data Visualization", + Directory = "LinearGauge/LinearGauge", + Type = SampleType.New, + UID = 004, + Order = 04, + Samples = LinearGauge + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Sparkline", + Category = "Data Visualization", + Directory = "Charts/Sparkline", + Type = SampleType.New, + UID = 010, + Order = 10, + Samples = Sparkline + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "TreeMap", + Category = "Data Visualization", + Directory = "TreeMap/TreeMap", + Type = SampleType.New, + UID = 011, + Order = 11, + Samples = TreeMap + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Maps", + Category = "Data Visualization", + Directory = "Maps/Maps", + Type = SampleType.New, + UID = 007, + Order = 07, + Samples = Maps + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "RangeNavigator", + Category = "Data Visualization", + Directory = "Charts", + Type = SampleType.New, + UID = 006, + Order = 01, + Samples = RangeNavigator + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "SmithChart", + Category = "Data Visualization", + Directory = "Charts/RangeNavigator", + Type = SampleType.New, + UID = 009, + Order = 09, + Samples = SmithChart + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Button", + Category = "Editors", + Directory = "Buttons", + Type = SampleType.New, + UID = 003, + Order = 03, + Samples = Button + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Calendar", + Category = "Calendars", + Directory = "Calendars/Calendar", + Type = SampleType.New, + UID = 014, + Order = 02, + Samples = Calendar + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DatePicker", + Category = "Calendars", + Directory = "Calendars/DatePicker", + Type = SampleType.New, + UID = 015, + Order = 03, + Samples = DatePicker + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DateTimePicker", + Category = "Calendars", + Directory = "Calendars/DateTimePicker", + Type = SampleType.New, + UID = 016, + Order = 06, + Samples = DateTimePicker + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "TimePicker", + Category = "Calendars", + Directory = "Calendars/TimePicker", + Type = SampleType.New, + UID = 017, + Order = 17, + Samples = TimePicker + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DateRangePicker", + Category = "Calendars", + Directory = "Calendars/DateRangePicker", + Type = SampleType.New, + UID = 018, + Order = 04, + Samples = DateRangePicker + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DropDownList", + Category = "DropDowns", + Directory = "DropDowns/DropDownList", + Type = SampleType.New, + UID = 019, + Order = 03, + Samples = DropDownList + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "ComboBox", + Category = "DropDowns", + Directory = "DropDowns/ComboBox", + Type = SampleType.New, + UID = 020, + Order = 02, + Samples = ComboBox + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "AutoComplete", + Category = "DropDowns", + Directory = "DropDowns/AutoComplete", + Type = SampleType.New, + UID = 021, + Order = 01, + Samples = AutoComplete + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "MultiSelect", + Category = "DropDowns", + Directory = "DropDowns/MultiSelect", + Type = SampleType.New, + UID = 022, + Order = 04, + Samples = MultiSelect + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "ListBox", + Category = "DropDowns", + Directory = "DropDowns/ListBox", + Type = SampleType.New, + UID = 028, + Order = 05, + Samples = ListBox + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Sidebar", + Category = "Navigations", + Directory = "Navigations/Sidebar", + Type = SampleType.New, + UID = 005, + Order = 04, + Samples = Sidebar + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Accordion", + Category = "Navigations", + Directory = "Navigations/Accordion", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = Accordion + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Toolbar", + Category = "Navigations", + Directory = "Navigations/Toolbar", + Type = SampleType.New, + UID = 005, + Order = 06, + Samples = Toolbar + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Tab", + Category = "Navigations", + Directory = "Navigations/Tab", + Type = SampleType.New, + UID = 005, + Order = 05, + Samples = Tab + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Toast", + Category = "Notifications", + Directory = "Notifications", + Type = SampleType.New, + UID = 016, + Order = 16, + Samples = Toast + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "TextBox", + Category = "Inputs", + Directory = "Inputs", + Type = SampleType.New, + UID = 004, + Order = 01, + Samples = TextBox + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Avatar", + Category = "Layout", + Directory = "Layouts/Avatar", + Type = SampleType.New, + UID = 012, + Order = 12, + Samples = Avatar + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Card", + Category = "Layout", + Directory = "Layouts/Card", + Type = SampleType.New, + UID = 007, + Order = 01, + Samples = Card + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DashboardLayout", + Category = "Layout", + Directory = "Layouts/DashboardLayout", + Type = SampleType.New, + UID = 028, + Order = 01, + Samples = DashboardLayout + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Dialog", + Category = "Layout", + Directory = "Layout", + Type = SampleType.New, + UID = 008, + Order = 02, + Samples = Dialog + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Listview", + Category = "Layout", + Directory = "Layouts/Listview", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = Listview + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Tooltip", + Category = "Layout", + Directory = "Layouts/Tooltip", + Type = SampleType.New, + UID = 022, + Order = 22, + Samples = Tooltip + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Splitter", + Category = "Layout", + Directory = "Layout", + Type = SampleType.New, + UID = 010, + Order = 10, + Samples = Splitter + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "QueryBuilder", + Category = "Forms", + Directory = "Forms/QueryBuilder", + Type = SampleType.New, + UID = 026, + Order = 26, + Samples = QueryBuilder + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "PdfViewer", + Category = "Viewer", + Directory = "Viewer", + Type = SampleType.New, + UID = 006, + Order = 04, + Samples = PdfViewer + }); + + SampleBrowser.SampleList.Add(new SampleList + { + Name = "DocumentEditor", + Category = "Editors", + Directory = "DocumentEditor/DocumentEditor", + Type = SampleType.New, + UID = 004, + Order = 02, + Samples = DocumentEditor + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "InPlaceEditor", + Category = "Editors", + Directory = "Editors/InPlaceEditor", + Type = SampleType.New, + UID = 009, + Order = 09, + Samples = InPlaceEditor + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Schedule", + Category = "Calendars", + Directory = "Schedule/Schedule", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = Schedule + }); + + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Gantt", + Category = "Calendars", + Directory = "Gantt/Gantt", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = Gantt + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Diagram", + Category = "Data Visualization", + Directory = "Diagrams", + Type = SampleType.New, + UID = 005, + Order = 05, + Samples = Diagram + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "RichTextEditor", + Category = "Editors", + Directory = "RichTextEditor/RichTextEditor", + Type = SampleType.New, + UID = 005, + Order = 01, + Samples = RichTextEditor + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "NumericTextBox", + Category = "Inputs", + Directory = "Inputs/NumericTextBox", + Type = SampleType.New, + UID = 011, + Order = 03, + Samples = NumericTextBox + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "MaskedTextBox", + Category = "Inputs", + Directory = "Inputs/MaskedTextBox", + Type = SampleType.New, + UID = 012, + Order = 02, + Samples = MaskedTextBox + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "FileUpload", + Category = "Inputs", + Directory = "Inputs/Uploader", + Type = SampleType.New, + UID = 013, + Order = 05, + Samples = FileUpload + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "ColorPicker", + Category = "Inputs", + Directory = "Inputs/ColorPicker", + Type = SampleType.New, + UID = 023, + Order = 04, + Samples = ColorPicker + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "ContextMenu", + Category = "Navigations", + Directory = "Navigations/ContextMenu", + Type = SampleType.New, + UID = 024, + Order = 02, + Samples = ContextMenu + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "MenuBar", + Category = "Navigations", + Directory = "Navigations/MenuBar", + Type = SampleType.New, + UID = 025, + Order = 03, + Samples = MenuBar + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "HeatMapChart", + Category = "Data Visualization", + Directory = "HeatMapChart/HeatMapChart", + Type = SampleType.New, + UID = 006, + Order = 06, + Samples = HeatMapChart + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Chips", + Category = "Editors", + Directory = "Buttons/Chips", + Type = SampleType.New, + UID = 004, + Order = 03, + Samples = Chips + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Badge", + Category = "Notifications", + Directory = "Notifications/Badge", + Type = SampleType.New, + UID = 017, + Order = 17, + Samples = Badge + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "TreeView", + Category = "Navigations", + Directory = "Navigations/TreeView", + Type = SampleType.New, + UID = 015, + Order = 15, + Samples = TreeView + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "Slider", + Category = "Inputs", + Directory = "Inputs/Slider", + Type = SampleType.New, + UID = 014, + Order = 14, + Samples = Slider + }); + SampleBrowser.SampleList.Add(new SampleList + { + Name = "FileManager", + Category = "Navigations", + Directory = "Navigations/FileManager", + Type = SampleType.New, + UID = 016, + Order = 04, + Samples = FileManager + }); + } + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/SampleList.cs.txt new file mode 100644 index 000000000..03007c6b3 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/SampleList.cs.txt @@ -0,0 +1,58 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List Schedule { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "Scheduler", + Directory = "Schedule/Schedule", + Url = "Schedule/Default", + FileName = "Default.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Agenda View", + Category = "Scheduler", + Directory = "Schedule/Schedule", + Url = "Schedule/Agenda", + FileName = "Agenda.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Timeline View", + Category = "Scheduler", + Directory = "Schedule/Schedule", + Url = "Schedule/Timeline", + FileName = "Timeline.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Timeline Grouping", + Category = "Scheduler", + Directory = "Schedule/Schedule", + Url = "Schedule/TimelineResourceGroup", + FileName = "TimelineResourceGroup.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Horizontal Grouping", + Category = "Scheduler", + Directory = "Schedule/Schedule", + Url = "Schedule/Group", + FileName = "Group.razor", + Type = SampleType.New + } + }; + } +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Agenda.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Agenda.razor.txt new file mode 100644 index 000000000..cbc0784e5 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Agenda.razor.txt @@ -0,0 +1,52 @@ +@page "/Schedule/Agenda" + +@using Syncfusion.EJ2.RazorComponents.Schedule + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Agenda View"; + SampleBrowser.CurrentControlName = "Scheduler"; + SampleBrowser.CurrentControlCategory = "Scheduler"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Schedule; + SampleBrowser.ActionDescription = new string[] { + @"

+ This demo showcases the agenda view and the configurations available in it. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this demo, Agenda view is set as active view on Scheduler and made its + allowVirtualScrolling option as false. With this settings, the Agenda view loads the initial data for the next 7 days count from the date + value assigned to the + selectedDate property of the Schedule. The initial data loading for 7 days count is due to the default value assigned to the + agendaDaysCount property which can be customized as per the user needs. +

+

+ When the + allowVirtualScrolling property is set to true, the user is allowed to scroll through all the events simply by scrolling up and down upto + the last event available in Schedule. +

+

+ By default, the days which doesn't have any events will be hidden on this view - but by setting + hideEmptyAgendaDays property to false will allow the + No Events text to be displayed against the dates that has no events. +

" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + +
+
+ +@functions{ + static ScheduleData data = new ScheduleData(); +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Default.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Default.razor.txt new file mode 100644 index 000000000..9b8dca6bf --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Default.razor.txt @@ -0,0 +1,100 @@ +@page "/Schedule/Default" + +@using Syncfusion.EJ2.RazorComponents.Schedule + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "Scheduler"; + SampleBrowser.CurrentControlCategory = "Scheduler"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Schedule; + SampleBrowser.ActionDescription = new string[] { + @"

+ This demo showcases how the flat Schedule looks like with its default set of minimal configurations. Here, some + of the documentary shows are displayed as events parallel to its relevant telecast timings. The show names are + given as event's subject and simply notified of the start and end of it. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ The Scheduler, a.k.a. event calendar, facilitates almost all calendar features, thus allowing users + to manage their time efficiently. It features easy resource scheduling, appointments rescheduling through + editor pop-ups, drag and drop, and a resizing action. It includes wide variety of view modes with unique + configuration options for each view. The available view modes are listed below, out of which the Week + view is set as active. +

+
    +
  • Day
    • +
  • Week
    • +
  • Work Week
    • +
  • Month
    • +
  • Agenda
    • +
  • Month Agenda
    • +
  • Timeline Day
    • +
  • Timeline Week
    • +
  • Timeline Work Week
    • +
  • Timeline Month
    • + +
+

+ To navigate between views and dates, the navigation options are available at the Scheduler header bar and the + active view option is highlighted by default. The date range of the active view will also be displayed in the + header bar, clicking on which will open a calendar popup for ease of desired date selection. +

+

+ Touch actions on Mobile mode +

+ + + + + + + + + + + + + +
+ Action + + Description +
Single Tap +
    +
  1. Single tapping on events, opens the popup showing event information
    2. +
  2. Single tapping on cells, will display a “+” icon on the cell. Again tapping on it will open the + new event editor. +
    3. +
+
Tap hold +
    +
  1. Tap holding on cells, opens the new event editor.
    2. +
  2. + Tap holding on events, opens a small popup at the top holding the options to edit or delete and + also displays the selected event's subject. As a continuation of this action, if user keeps on + single tapping on other events, it will allow the multiple event selection.Also, the previous + popup remains in opened state, showing the count of the number of events selected. +
    3. +
  3. + Tap hold the event and try moving it over the scheduler to enable drag and drop action. +
    4. +
+
" + }; +} +@*End:Hidden*@ + +
+
+ + + +
+
+ +@functions{ + static ScheduleData data = new ScheduleData(); +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Group.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Group.razor.txt new file mode 100644 index 000000000..eea6942be --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Group.razor.txt @@ -0,0 +1,143 @@ +@page "/Schedule/Group" + +@using Syncfusion.EJ2.RazorComponents.Schedule + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Horizontal Grouping"; + SampleBrowser.CurrentControlName = "Scheduler"; + SampleBrowser.CurrentControlCategory = "Scheduler"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Schedule; + SampleBrowser.ActionDescription = new string[] { + @"

+ This demo illustrates the timings of different flight services on a specific route say between Barcelona and Los Angeles, + on a daily basis. Here, the Scheduler is grouped based on the 3 Airline services. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this demo, the scheduler has been grouped with multiple resources by making use of the property + group. The resources to be grouped depends on the values of + resources option within the + group property, which accepts the array of resource names. The resource header has been customized by making use of the + resourceHeaderTemplate property. +

+

+ In mobile mode, when the grouping is enabled, the resources will be listed out in a treeview as a side-panel which opens + or closes, on clicking the hamburger icon at the resource header. Only a single resource will be viewable at a time, + due to the space constraints on mobile. If in case, the users want to view the grouped layout on mobile with scrolling + content, then it is necessary to set + false to the + enableCompactView option within the + group property which is set to + true by default. This option is not applicable on desktop mode. +

+

+ Note: If the + group property is not defined, then the default scheduler will be rendered with no grouping on layout, but the appointments + of all the resources will be displayed on a single schedule. +

" + }; +} +@*End:Hidden*@ + +
+
+
+ Flight timings between Barcelona and Los Angeles +
+ + + + + + + + + + + + + + + +
+
+ + + +@functions{ + + public class AppointmentData + { + public int Id { get; set; } + public string Subject { get; set; } + public DateTime StartTime { get; set; } + public DateTime EndTime { get; set; } + public int AirlineId { get; set; } + } + + private static List generateEvents() + { + System.Console.WriteLine("hello"); + var subjectCollection = new List { "Barcelona to Los Angeles", "Los Angeles to Barcelona" }; + var collections = new List { }; + var dataCollections = new List { 1, 2, 3 }; + var id = 1; + var no = 0; + for (var i = 0; i < dataCollections.Count; i++) + { + var data = dataCollections[i]; + var startDate = new DateTime(2018, 3, 1); + var lastDate = new DateTime(2018, 4, 1); + for (var date = startDate; date.Ticks < lastDate.Ticks; date = date.AddHours(2)) + { + var strDate = date; + var endDate = strDate.AddHours(2); + collections.Add(new AppointmentData + { + Id = id, + Subject = subjectCollection[id % 2], + StartTime = strDate, + EndTime = endDate, + AirlineId = data + }); + no += 1; + id += 1; + date = date.AddHours(1); + if (id % 8 == 0) + { + date = date.AddHours(1); + } + } + } + return collections; + } + + public new string[] groupData = new string[] { "Airlines" }; + + private List resourceData { get; set; } = new List { + new { AirlineName = "Airways 1", AirlineId = 1, AirlineColor = "#EA7A57", AirlineModel = "CRJ 700", AirlineSeats = 50 }, + new { AirlineName = "Airways 2", AirlineId = 2, AirlineColor = "#357cd2", AirlineModel = "Airbus A330", AirlineSeats = 75}, + new { AirlineName = "Airways 3", AirlineId = 3, AirlineColor = "#7fa900", AirlineModel = "ATR 72-600", AirlineSeats = 100} + }; +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/ScheduleData.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/ScheduleData.cs.txt new file mode 100644 index 000000000..1d26a5e3e --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/ScheduleData.cs.txt @@ -0,0 +1,955 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; + +namespace ej2_blazor_samples.Pages.Schedule.Schedule +{ + public class ScheduleData + { + public List GetScheduleData() + { + List appData = new List(); + appData.Add(new AppointmentData + { + Id = 1, + Subject = "Explosion of Betelgeuse Star", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 6, 9, 30, 0), + EndTime = new DateTime(2019, 1, 6, 11, 0, 0), + CategoryColor = "#1aaa55" + }); + appData.Add(new AppointmentData + { + Id = 2, + Subject = "Thule Air Crash Report", + Location = "Newyork City", + StartTime = new DateTime(2019, 1, 7, 12, 0, 0), + EndTime = new DateTime(2019, 1, 7, 14, 0, 0), + CategoryColor = "#357cd2" + }); + appData.Add(new AppointmentData + { + Id = 3, + Subject = "Blue Moon Eclipse", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 8, 9, 30, 0), + EndTime = new DateTime(2019, 1, 8, 11, 0, 0), + CategoryColor = "#7fa900" + }); + appData.Add(new AppointmentData + { + Id = 4, + Subject = "Meteor Showers in 2018", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 9, 13, 0, 0), + EndTime = new DateTime(2019, 1, 9, 14, 30, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 5, + Subject = "Milky Way as Melting pot", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 10, 12, 0, 0), + EndTime = new DateTime(2019, 1, 10, 14, 0, 0), + CategoryColor = "#00bdae" + }); + appData.Add(new AppointmentData + { + Id = 6, + Subject = "Mysteries of Bermuda Triangle", + Location = "Bermuda", + StartTime = new DateTime(2019, 1, 10, 9, 30, 0), + EndTime = new DateTime(2019, 1, 10, 11, 0, 0), + CategoryColor = "#f57f17" + }); + appData.Add(new AppointmentData + { + Id = 7, + Subject = "Glaciers and Snowflakes", + Location = "Himalayas", + StartTime = new DateTime(2019, 1, 11, 11, 0, 0), + EndTime = new DateTime(2019, 1, 11, 12, 30, 0), + CategoryColor = "#1aaa55" + }); + appData.Add(new AppointmentData + { + Id = 8, + Subject = "Life on Mars", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 12, 9, 0, 0), + EndTime = new DateTime(2019, 1, 12, 10, 0, 0), + CategoryColor = "#357cd2" + }); + appData.Add(new AppointmentData + { + Id = 9, + Subject = "Alien Civilization", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 14, 11, 0, 0), + EndTime = new DateTime(2019, 1, 14, 13, 0, 0), + CategoryColor = "#7fa900" + }); + appData.Add(new AppointmentData + { + Id = 10, + Subject = "Wildlife Galleries", + Location = "Africa", + StartTime = new DateTime(2019, 1, 16, 11, 0, 0), + EndTime = new DateTime(2019, 1, 16, 13, 0, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 11, + Subject = "Best Photography 2018", + Location = "London", + StartTime = new DateTime(2019, 1, 17, 9, 30, 0), + EndTime = new DateTime(2019, 1, 17, 11, 0, 0), + CategoryColor = "#00bdae" + }); + appData.Add(new AppointmentData + { + Id = 12, + Subject = "Smarter Puppies", + Location = "Sweden", + StartTime = new DateTime(2019, 1, 4, 10, 0, 0), + EndTime = new DateTime(2019, 1, 4, 11, 30, 0), + CategoryColor = "#f57f17" + }); + appData.Add(new AppointmentData + { + Id = 13, + Subject = "Myths of Andromeda Galaxy", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 2, 10, 30, 0), + EndTime = new DateTime(2019, 1, 2, 12, 30, 0), + CategoryColor = "#1aaa55" + }); + appData.Add(new AppointmentData + { + Id = 14, + Subject = "Aliens vs Humans", + Location = "Research Centre of USA", + StartTime = new DateTime(2019, 1, 1, 10, 0, 0), + EndTime = new DateTime(2019, 1, 1, 11, 30, 0), + CategoryColor = "#357cd2" + }); + appData.Add(new AppointmentData + { + Id = 15, + Subject = "Facts of Humming Birds", + Location = "California", + StartTime = new DateTime(2019, 1, 15, 9, 30, 0), + EndTime = new DateTime(2019, 1, 15, 11, 0, 0), + CategoryColor = "#7fa900" + }); + appData.Add(new AppointmentData + { + Id = 16, + Subject = "Sky Gazers", + Location = "Alaska", + StartTime = new DateTime(2019, 1, 18, 11, 0, 0), + EndTime = new DateTime(2019, 1, 18, 13, 0, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 17, + Subject = "The Cycle of Seasons", + Location = "Research Centre of USA", + StartTime = new DateTime(2019, 1, 7, 5, 30, 0), + EndTime = new DateTime(2019, 1, 7, 7, 30, 0), + CategoryColor = "#00bdae" + }); + appData.Add(new AppointmentData + { + Id = 18, + Subject = "Space Galaxies and Planets", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 7, 17, 0, 0), + EndTime = new DateTime(2019, 1, 7, 18, 30, 0), + CategoryColor = "#f57f17" + }); + appData.Add(new AppointmentData + { + Id = 19, + Subject = "Lifecycle of Bumblebee", + Location = "San Fransisco", + StartTime = new DateTime(2019, 1, 10, 6, 0, 0), + EndTime = new DateTime(2019, 1, 10, 7, 30, 0), + CategoryColor = "#7fa900" + }); + appData.Add(new AppointmentData + { + Id = 20, + Subject = "Alien Civilization", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 10, 16, 0, 0), + EndTime = new DateTime(2019, 1, 10, 18, 0, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 21, + Subject = "Alien Civilization", + Location = "Space Centre USA", + StartTime = new DateTime(2019, 1, 6, 14, 0, 0), + EndTime = new DateTime(2019, 1, 6, 16, 0, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 22, + Subject = "The Cycle of Seasons", + Location = "Research Centre of USA", + StartTime = new DateTime(2019, 1, 8, 14, 30, 0), + EndTime = new DateTime(2019, 1, 8, 16, 0, 0), + CategoryColor = "#00bdae" + }); + appData.Add(new AppointmentData + { + Id = 23, + Subject = "Sky Gazers", + Location = "Greenland", + StartTime = new DateTime(2019, 1, 11, 14, 30, 0), + EndTime = new DateTime(2019, 1, 11, 16, 0, 0), + CategoryColor = "#ea7a57" + }); + appData.Add(new AppointmentData + { + Id = 24, + Subject = "Facts of Humming Birds", + Location = "California", + StartTime = new DateTime(2019, 1, 12, 12, 30, 0), + EndTime = new DateTime(2019, 1, 12, 14, 30, 0), + CategoryColor = "#7fa900" + }); + return appData; + } + + public List GetResourceData() + { + List resourceData = new List(); + resourceData.Add(new ResourceData + { + Id = 1, + Subject = "Workflow Analysis", + StartTime = new DateTime(2018, 4, 1, 9, 30, 0), + EndTime = new DateTime(2018, 4, 1, 12, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 2, + Subject = "Requirement planning", + StartTime = new DateTime(2018, 4, 1, 12, 30, 0), + EndTime = new DateTime(2018, 4, 1, 14, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 3, + Subject = "Quality Analysis", + StartTime = new DateTime(2018, 4, 2, 10, 0, 0), + EndTime = new DateTime(2018, 4, 2, 12, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 4, + Subject = "Resource planning", + StartTime = new DateTime(2018, 4, 2, 13, 0, 0), + EndTime = new DateTime(2018, 4, 2, 15, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 5, + Subject = "Timeline estimation", + StartTime = new DateTime(2018, 4, 3, 9, 0, 0), + EndTime = new DateTime(2018, 4, 3, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 6, + Subject = "Developers Meeting", + StartTime = new DateTime(2018, 4, 3, 14, 0, 0), + EndTime = new DateTime(2018, 4, 3, 16, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 7, + Subject = "Project Review", + StartTime = new DateTime(2018, 4, 4, 11, 15, 0), + EndTime = new DateTime(2018, 4, 4, 13, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 8, + Subject = "Manual testing", + StartTime = new DateTime(2018, 4, 4, 9, 15, 0), + EndTime = new DateTime(2018, 4, 4, 11, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 9, + Subject = "Project Preview", + StartTime = new DateTime(2018, 4, 5, 9, 30, 0), + EndTime = new DateTime(2018, 4, 5, 12, 45, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 10, + Subject = "Cross-browser testing", + StartTime = new DateTime(2018, 4, 5, 13, 45, 0), + EndTime = new DateTime(2018, 4, 5, 16, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 11, + Subject = "Bug Automation", + StartTime = new DateTime(2018, 4, 6, 10, 0, 0), + EndTime = new DateTime(2018, 4, 6, 12, 15, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 12, + Subject = "Functionality testing", + StartTime = new DateTime(2018, 4, 6, 9, 0, 0), + EndTime = new DateTime(2018, 4, 6, 11, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 13, + Subject = "Resolution-based testing", + StartTime = new DateTime(2018, 4, 7, 13, 0, 0), + EndTime = new DateTime(2018, 4, 7, 15, 15, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 14, + Subject = "Test report Validation", + StartTime = new DateTime(2018, 4, 7, 9, 0, 0), + EndTime = new DateTime(2018, 4, 7, 11, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 15, + Subject = "Test case correction", + StartTime = new DateTime(2018, 4, 8, 9, 45, 0), + EndTime = new DateTime(2018, 4, 8, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 16, + Subject = "Run test cases", + StartTime = new DateTime(2018, 4, 8, 10, 30, 0), + EndTime = new DateTime(2018, 4, 8, 13, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 17, + Subject = "Quality Analysis", + StartTime = new DateTime(2018, 4, 9, 12, 0, 0), + EndTime = new DateTime(2018, 4, 9, 15, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 18, + Subject = "Debugging", + StartTime = new DateTime(2018, 4, 9, 9, 0, 0), + EndTime = new DateTime(2018, 4, 9, 11, 15, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 19, + Subject = "Exception handling", + StartTime = new DateTime(2018, 4, 10, 10, 10, 0), + EndTime = new DateTime(2018, 4, 10, 13, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 20, + Subject = "Decoding", + StartTime = new DateTime(2018, 4, 10, 10, 30, 0), + EndTime = new DateTime(2018, 4, 10, 12, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 21, + Subject = "workflow Analysis", + StartTime = new DateTime(2018, 4, 11, 9, 30, 0), + EndTime = new DateTime(2018, 4, 11, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 22, + Subject = "Requirement planning", + StartTime = new DateTime(2018, 4, 11, 12, 30, 0), + EndTime = new DateTime(2018, 4, 11, 14, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 23, + Subject = "Quality Analysis", + StartTime = new DateTime(2018, 4, 12, 10, 0, 0), + EndTime = new DateTime(2018, 4, 12, 12, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 24, + Subject = "Resource planning", + StartTime = new DateTime(2018, 4, 12, 13, 0, 0), + EndTime = new DateTime(2018, 4, 12, 14, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 25, + Subject = "Timeline estimation", + StartTime = new DateTime(2018, 4, 13, 9, 0, 0), + EndTime = new DateTime(2018, 4, 13, 11, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 26, + Subject = "Developers Meeting", + StartTime = new DateTime(2018, 4, 13, 14, 0, 0), + EndTime = new DateTime(2018, 4, 13, 15, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 27, + Subject = "Project Review", + StartTime = new DateTime(2018, 4, 14, 11, 0, 0), + EndTime = new DateTime(2018, 4, 14, 13, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 28, + Subject = "Manual testing", + StartTime = new DateTime(2018, 4, 14, 9, 0, 0), + EndTime = new DateTime(2018, 4, 14, 11, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 29, + Subject = "Project Preview", + StartTime = new DateTime(2018, 4, 15, 9, 30, 0), + EndTime = new DateTime(2018, 4, 15, 11, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 30, + Subject = "Cross-browser testing", + StartTime = new DateTime(2018, 4, 15, 14, 0, 0), + EndTime = new DateTime(2018, 4, 15, 16, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 31, + Subject = "Bug Automation", + StartTime = new DateTime(2018, 4, 16, 10, 0, 0), + EndTime = new DateTime(2018, 4, 16, 11, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 32, + Subject = "Functionality testing", + StartTime = new DateTime(2018, 4, 16, 9, 0, 0), + EndTime = new DateTime(2018, 4, 16, 11, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 33, + Subject = "Resolution-based testing", + StartTime = new DateTime(2018, 4, 17, 14, 0, 0), + EndTime = new DateTime(2018, 4, 17, 15, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 34, + Subject = "Test report Validation", + StartTime = new DateTime(2018, 4, 17, 9, 0, 0), + EndTime = new DateTime(2018, 4, 17, 11, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 35, + Subject = "Test case correction", + StartTime = new DateTime(2018, 4, 18, 10, 0, 0), + EndTime = new DateTime(2018, 4, 18, 11, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 36, + Subject = "Run test cases", + StartTime = new DateTime(2018, 4, 18, 10, 0, 0), + EndTime = new DateTime(2018, 4, 18, 10, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 37, + Subject = "Bug fixing", + StartTime = new DateTime(2018, 4, 9, 10, 0, 0), + EndTime = new DateTime(2018, 4, 9, 10, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 38, + Subject = "Debugging", + StartTime = new DateTime(2018, 4, 19, 9, 0, 0), + EndTime = new DateTime(2018, 4, 19, 10, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 39, + Subject = "Exception handling", + StartTime = new DateTime(2018, 4, 20, 10, 0, 0), + EndTime = new DateTime(2018, 4, 20, 11, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 40, + Subject = "Decoding", + StartTime = new DateTime(2018, 4, 20, 10, 30, 0), + EndTime = new DateTime(2018, 4, 20, 12, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 41, + Subject = "workflow Analysis", + StartTime = new DateTime(2018, 4, 21, 9, 30, 0), + EndTime = new DateTime(2018, 4, 21, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 42, + Subject = "Requirement planning", + StartTime = new DateTime(2018, 4, 21, 12, 30, 0), + EndTime = new DateTime(2018, 4, 21, 13, 45, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 43, + Subject = "Quality Analysis", + StartTime = new DateTime(2018, 4, 22, 10, 0, 0), + EndTime = new DateTime(2018, 4, 22, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 44, + Subject = "Resource planning", + StartTime = new DateTime(2018, 4, 4, 10, 0, 0), + EndTime = new DateTime(2018, 4, 4, 12, 30, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 45, + Subject = "Timeline estimation", + StartTime = new DateTime(2018, 4, 4, 9, 0, 0), + EndTime = new DateTime(2018, 4, 4, 11, 0, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 46, + Subject = "Developers Meeting", + StartTime = new DateTime(2018, 4, 4, 14, 30, 0), + EndTime = new DateTime(2018, 4, 4, 16, 30, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 47, + Subject = "Project Review", + StartTime = new DateTime(2018, 4, 4, 14, 0, 0), + EndTime = new DateTime(2018, 4, 4, 16, 0, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 48, + Subject = "Manual testing", + StartTime = new DateTime(2018, 4, 4, 17, 30, 0), + EndTime = new DateTime(2018, 4, 4, 19, 30, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 49, + Subject = "Project Preview", + StartTime = new DateTime(2018, 4, 4, 18, 0, 0), + EndTime = new DateTime(2018, 4, 4, 20, 0, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 50, + Subject = "Cross-browser testing", + StartTime = new DateTime(2018, 4, 25, 14, 0, 0), + EndTime = new DateTime(2018, 4, 25, 15, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 51, + Subject = "Bug Automation", + StartTime = new DateTime(2018, 4, 26, 10, 0, 0), + EndTime = new DateTime(2018, 4, 26, 11, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 52, + Subject = "Functionality testing", + StartTime = new DateTime(2018, 4, 26, 9, 0, 0), + EndTime = new DateTime(2018, 4, 26, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 53, + Subject = "Resolution-based testing", + StartTime = new DateTime(2018, 4, 27, 14, 0, 0), + EndTime = new DateTime(2018, 4, 27, 15, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 54, + Subject = "Test report Validation", + StartTime = new DateTime(2018, 4, 27, 9, 0, 0), + EndTime = new DateTime(2018, 4, 27, 11, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 55, + Subject = "Test case correction", + StartTime = new DateTime(2018, 4, 28, 10, 0, 0), + EndTime = new DateTime(2018, 4, 28, 11, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 56, + Subject = "Run test cases", + StartTime = new DateTime(2018, 4, 28, 10, 0, 0), + EndTime = new DateTime(2018, 4, 28, 10, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 57, + Subject = "Bug fixing", + StartTime = new DateTime(2018, 4, 29, 12, 0, 0), + EndTime = new DateTime(2018, 4, 29, 12, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 58, + Subject = "Debugging", + StartTime = new DateTime(2018, 4, 29, 9, 0, 0), + EndTime = new DateTime(2018, 4, 29, 10, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + resourceData.Add(new ResourceData + { + Id = 59, + Subject = "Exception handling", + StartTime = new DateTime(2018, 4, 30, 10, 0, 0), + EndTime = new DateTime(2018, 4, 30, 11, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + resourceData.Add(new ResourceData + { + Id = 60, + Subject = "Decoding", + StartTime = new DateTime(2018, 4, 30, 10, 30, 0), + EndTime = new DateTime(2018, 4, 30, 12, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + return resourceData; + } + + public List GetTimelineResourceData() + { + List timelineResourceData = new List(); + timelineResourceData.Add(new ResourceData + { + Id = 61, + Subject = "Decoding", + StartTime = new DateTime(2018, 4, 4, 9, 30, 0), + EndTime = new DateTime(2018, 4, 4, 10, 30, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 2 + }); + timelineResourceData.Add(new ResourceData + { + Id = 62, + Subject = "Bug Automation", + StartTime = new DateTime(2018, 4, 4, 16, 0, 0), + EndTime = new DateTime(2018, 4, 4, 20, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 1 + }); + timelineResourceData.Add(new ResourceData + { + Id = 63, + Subject = "Functionality testing", + StartTime = new DateTime(2018, 4, 4, 9, 0, 0), + EndTime = new DateTime(2018, 4, 4, 10, 30, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 1 + }); + timelineResourceData.Add(new ResourceData + { + Id = 64, + Subject = "Resolution-based testing", + StartTime = new DateTime(2018, 4, 4, 12, 0, 0), + EndTime = new DateTime(2018, 4, 4, 15, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 4 + }); + timelineResourceData.Add(new ResourceData + { + Id = 65, + Subject = "Test report Validation", + StartTime = new DateTime(2018, 4, 4, 15, 0, 0), + EndTime = new DateTime(2018, 4, 4, 18, 0, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 6 + }); + timelineResourceData.Add(new ResourceData + { + Id = 66, + Subject = "Test case correction", + StartTime = new DateTime(2018, 4, 4, 14, 0, 0), + EndTime = new DateTime(2018, 4, 4, 16, 0, 0), + IsAllDay = false, + ProjectId = 1, + TaskId = 2 + }); + timelineResourceData.Add(new ResourceData + { + Id = 67, + Subject = "Bug fixing", + StartTime = new DateTime(2018, 4, 4, 14, 30, 0), + EndTime = new DateTime(2018, 4, 4, 18, 30, 0), + IsAllDay = false, + ProjectId = 3, + TaskId = 5 + }); + timelineResourceData.Add(new ResourceData + { + Id = 68, + Subject = "Run test cases", + StartTime = new DateTime(2018, 4, 4, 18, 30, 0), + EndTime = new DateTime(2018, 4, 4, 21, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 4 + }); + timelineResourceData.Add(new ResourceData + { + Id = 69, + Subject = "Bug Automation", + StartTime = new DateTime(2018, 4, 4, 16, 0, 0), + EndTime = new DateTime(2018, 4, 4, 20, 0, 0), + IsAllDay = false, + ProjectId = 2, + TaskId = 3 + }); + return timelineResourceData; + } + + public class AppointmentData + { + public int Id { get; set; } + public string Subject { get; set; } + public string Location { get; set; } + public DateTime StartTime { get; set; } + public DateTime EndTime { get; set; } + public string CategoryColor { get; set; } + } + public class ResourceData + { + public int Id { get; set; } + public string Subject { get; set; } + public DateTime StartTime { get; set; } + public DateTime EndTime { get; set; } + public bool IsAllDay { get; set; } + public int ProjectId { get; set; } + public int TaskId { get; set; } + } + + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Timeline.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Timeline.razor.txt new file mode 100644 index 000000000..a52228b7f --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/Timeline.razor.txt @@ -0,0 +1,47 @@ +@page "/Schedule/Timeline" + +@using Syncfusion.EJ2.RazorComponents.Schedule + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Timeline View"; + SampleBrowser.CurrentControlName = "Scheduler"; + SampleBrowser.CurrentControlCategory = "Scheduler"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Schedule; + SampleBrowser.ActionDescription = new string[] { +@"

This demo showcases how the timeline scheduler looks like with its default set of configurations.

" +}; + SampleBrowser.Description = new string[] { +@"

+ Like the vertical scheduler, timeline view has the similar view types such as +

+
    +
  • Timeline Day
    • +
  • Timeline Week
    • +
  • Timeline WorkWeek
    • +
  • Timeline Month
    • +
+

The Agenda and MonthAgenda views shares the same layout for both the vertical and timeline views.

" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + +
+
+ +@functions{ + static ScheduleData data = new ScheduleData(); +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/TimelineResourceGroup.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/TimelineResourceGroup.razor.txt new file mode 100644 index 000000000..7bbfaf19b --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Schedule/Schedule/TimelineResourceGroup.razor.txt @@ -0,0 +1,80 @@ +@page "/Schedule/TimelineResourceGroup" + +@using Syncfusion.EJ2.RazorComponents.Schedule + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Timeline Grouping"; + SampleBrowser.CurrentControlName = "Scheduler"; + SampleBrowser.CurrentControlCategory = "Scheduler"; + SampleBrowser.CurrentControl = SampleBrowser.Config.Schedule; + SampleBrowser.ActionDescription = new string[] { +@"

+This demo showcases how the multiple resources are grouped as well as how the events are portrayed in timeline view layouts. +

" +}; + SampleBrowser.Description = new string[] { +@"

+In the timeline view, each row depicts a single resource whereas in vertical views, each resource are grouped parallelly +as columns. Here, the resource grouping follows the tree-view like hierarchical grouping structure and can contain +any level of child resources. In this sample, we have used two level hierarchy, where the +PROJECT 1 and +PROJECT 2 are the parent level and the +development and +testing are child level resources which are defined using the +resources property. They are grouped in layout by making use of the +group property and its order of grouping depends on the order of names passed onto the +resources option within +group. +

+

+Also, the colors defined for the child level resources will get applied to the events of those resources by default. In case, +if the colors of parent level needs to be applied to those child events, then it is necessary to define the +resourceColorField option within the +eventSettings property with the parent level resource name value. +

" +}; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + + + + + +
+
+ +@functions{ + static ScheduleData data = new ScheduleData(); + + public new string[] groupData = new string[] { "Projects", "Categories" }; + + private List projectData { get; set; } = new List { + new {text = "PROJECT 1", id= 1, color= "#cb6bb2"}, + new {text = "PROJECT 2", id= 2, color= "#56ca85"}, + new {text = "PROJECT 3", id= 3, color= "#df5286"} + }; + + private List taskData { get; set; } = new List { + new { text = "Nancy", id= 1, groupId = 1, color = "#df5286" }, + new { text = "Steven", id= 2, groupId = 1, color = "#7fa900" }, + new { text = "Robert", id= 3, groupId = 2, color = "#ea7a57" }, + new { text = "Smith", id= 4, groupId = 2, color = "#5978ee" }, + new { text = "Micheal", id= 5, groupId = 3, color = "#df5286" }, + new { text = "Root", id= 6, groupId = 3, color = "#00bdae" } + }; +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/SampleList.cs.txt new file mode 100644 index 000000000..9355a5455 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/SampleList.cs.txt @@ -0,0 +1,62 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List TreeMap { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "TreeMap", + Directory = "TreeMap/TreeMap", + Url = "TreeMap/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Customization", + Category = "TreeMap", + Directory = "TreeMap/TreeMap", + Url = "TreeMap/Customization", + FileName = "Customization.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Data Label", + Category = "TreeMap", + Directory = "TreeMap/TreeMap", + Url = "TreeMap/Label", + FileName = "TreeMapLabel.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Tooltip", + Category = "TreeMap", + Directory = "TreeMap/TreeMap", + Url = "TreeMap/Tooltip", + FileName = "Tooltip.razor", + Type = SampleType.New + }, + new Sample + { + Name = "Legend", + Category = "TreeMap", + Directory = "TreeMap/TreeMap", + Url = "TreeMap/Legend", + FileName = "Legend.razor", + Type = SampleType.New + } + }; + } + + + + +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/ColorMapping.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/ColorMapping.razor.txt new file mode 100644 index 000000000..27120af03 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/ColorMapping.razor.txt @@ -0,0 +1,78 @@ +@page "/TreeMap/ColorMapping" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "ColorMapping"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the top 10 largest islands in the world based on area. The color mapping is applied to the items to differentiate them from other items. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render a tree map with color mapping. The range color mapping and desaturation color mapping group the shapes based on the area size, whereas the equal color mapping groups the shapes based on the continent value. The legend is enabled in this example to represent each color mapping. +

+

+ The tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices. +

+
+

Injecting Module

+

+ The TreeMap component features are segregated into individual modules by feature. To use a legend, inject the Legend module using the < code > TreeMap.Inject(TreeMapLegend) method. + " + }; +} +@*End:Hidden*@ + +

+ +
+ +@functions { +public object titleSettings { get; set; } = new +{ + text = "Top 10 largest islands in the World", + textStyle = new { size = "15px" } +}; +public object legend { get; set; } = new +{ + visible = true, + position = "Bottom", + mode = "Interactive", + height = "10", + title = new { text = "Area" }, +}; +public object leaf { get; set; } = new +{ + labelPath = "Name", + border = new { width = 0.5, color = "white" }, +}; + +public object tooltip { get; set; } = new +{ + visible = true, + format = "Name: ${Name}
Area: ${Area} per square kms
Continent: ${Location}", + opacity = 0.8 +}; + +public List datasource { get; set; } = new List { +new { Name= "Greenland", Area= 2130800, Population= 56483, Location= "North America" }, +new { Name= "New Guinea", Area=785753, Population= 1306940, Location= "Oceania"}, +new { Name= "Borneo", Area=743330, Population= 19804064, Location="Asia" }, +new { Name= "Madagascar", Area= 587713, Population= 22005222, Location= "Africa"}, +new { Name= "Baffin Island", Area=507451, Population=10745, Location= "North America" }, +new { Name= "Sumatra", Area= 443066, Population=50000000, Location= "Asia"}, +new { Name= "Honshu", Area=225800, Population= 103000000, Location= "Asia"}, +new { Name= "Victoria Island", Area=217291, Population= 1875, Location= "North America"}, +new { Name= "Great Britain", Area=209331, Population=60800000, Location="Europe" }, +new { Name= "Ellesmere Island", Area= 183965, Population= 146, Location= "North America"} + +}; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Customization.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Customization.razor.txt new file mode 100644 index 000000000..696abb19b --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Customization.razor.txt @@ -0,0 +1,70 @@ +@page "/TreeMap/Customization" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Customization"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample depicts the gold medal categories of US in 2016 summer Olympics. Each categories are denoted with label template. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to place custom HTML templates in the treemap items. Also we have formatted the labels default text. +

" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + +
+
+ Source: + en.wikipedia.org +
+
+ +@functions { + public string template = "
"; + public class data { + public string Sport; + public double Gold; + public string GameImage; + public string ItemHeight; + public string ItemWidth; + } + public List datasource = new List { + new data { Sport= "Swimming", Gold= 16, GameImage= "Swimming.svg", ItemHeight= "180px", ItemWidth= "180px" }, + new data { Sport= "Athletics", Gold= 13, GameImage= "Athletics.svg", ItemHeight= "70px", ItemWidth= "70px" }, + new data { Sport= "Gymnastics", Gold= 4, GameImage= "Gymnastics.svg", ItemHeight= "80px", ItemWidth= "80px" }, + new data { Sport= "Cycling", Gold= 2, GameImage= "Cycling.svg", ItemHeight= "50px", ItemWidth= "50px" }, + new data { Sport= "Wrestling", Gold= 2, GameImage= "Wrestling.svg", ItemHeight= "60px", ItemWidth= "50px" }, + new data { Sport= "Basketball", Gold= 2, GameImage= "Basketball.svg", ItemHeight= "50px", ItemWidth= "50px" }, + new data { Sport= "Boxing", Gold= 1, GameImage= "Boxing.svg", ItemHeight= "40px", ItemWidth= "30px" }, + new data { Sport= "Tennis", Gold= 1, GameImage= "Tennis.svg", ItemHeight= "40px", ItemWidth= "40px" }, + new data { Sport= "Judo", Gold= 1, GameImage= "Judo.svg", ItemHeight= "40px", ItemWidth= "40px" }, + new data { Sport= "Rowing", Gold= 1, GameImage= "Rowing.svg", ItemHeight= "40px", ItemWidth= "40px" }, + new data { Sport= "Shooting", Gold= 1, GameImage= "Shooting.svg", ItemHeight= "40px", ItemWidth= "40px" }, + new data { Sport= "Triathlon", Gold= 1, GameImage= "Triathlon.svg", ItemHeight= "40px", ItemWidth= "40px" }, + new data { Sport= "Water polo", Gold= 1, GameImage= "Water_polo.svg", ItemHeight= "40px", ItemWidth= "40px" } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..2c214dde3 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/DefaultFunctionalities.razor.txt @@ -0,0 +1,109 @@ +@page "/TreeMap/DefaultFunctionalities" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap +@using Syncfusion.EJ2.RazorComponents.DropDowns + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the car sales of various countries in 2017 by rendering the countries at top level and car manufacturing companies as leaf items. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render a treemap with the provided data source. Palette color is applied for the items in treemap. Default legend is enabled in this example to represent the items in top level. +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices. +

+
+

Injecting Module

+

+ Treemap component features are segregated into individual feature-wise modules. To use a tooltip, inject the + Tooltip module using the < code > Treemap.Inject(TreeMapTooltip) method, and use a legend by injecting the Legend module using the < code > Treemap.Inject(TreeMapLegend) method. + + + " + }; +} +@*End:Hidden*@ + +

+
+ + + + + + + + + + + + + + + + + +
+ +
+@functions { + public string[] palette =new string[] { + "#C33764" , "#AB3566" , "#993367", "#853169", "#742F6A", "#632D6C", "#532C6D", "#412A6F", "#312870", "#1D2671" + }; + public class data + { + public string Continent; + public string Company; + public double Sales; + } + public List datasource = new List { + new data { Continent= "China", Company= "Volkswagen", Sales= 3005994 }, + new data { Continent= "China", Company= "General Motors", Sales= 1230044 }, + new data { Continent= "China", Company= "Honda", Sales= 1197023 }, + new data { Continent= "United States", Company= "General Motors", Sales=3042775 }, + new data { Continent= "United States", Company= "Ford", Sales=2599193 }, + new data { Continent= "United States", Company= "Toyota", Sales=2449587 }, + new data { Continent= "Japan",Company= "Toyota", Sales=1527977 }, + new data { Continent= "Japan", Company= "Honda", Sales=706982 }, + new data { Continent= "Japan", Company= "Suzuki", Sales=623041 }, + new data { Continent= "Germany",Company= "Volkswagen", Sales=655977 }, + new data { Continent= "Germany", Company= "Mercedes", Sales=310845 }, + new data { Continent= "Germany", Company= "BMW", Sales=261931 }, + new data { Continent= "United Kingdom", Company= "Ford ", Sales=319442 }, + new data { Continent= "United Kingdom", Company= "Vauxhall", Sales= 251146 }, + new data { Continent= "United Kingdom", Company= "Volkswagen", Sales=206994 }, + new data { Continent= "India", Company= "Maruti Suzuki", Sales=1443654 }, + new data { Continent= "India", Company= "Hyundai", Sales=476241 }, + new data { Continent= "India", Company= "Mahindra", Sales=205041 }, + new data { Continent= "France", Company= "Renault", Sales=408183 }, + new data { Continent= "France", Company= "Peugeot", Sales=336242 }, + new data { Continent= "France", Company= "Citroen", Sales=194986 }, + new data { Continent= "Brazil", Company= "Flat Chrysler", Sales=368842 }, + new data { Continent= "Brazil", Company= "General Motors", Sales= 348351 }, + new data { Continent= "Brazil", Company= "Volkswagen", Sales= 245895 }, + new data { Continent= "Italy", Company= "Flat Chrysler", Sales=386260 }, + new data { Continent= "Italy", Company= "Volkswagen", Sales= 138984 }, + new data { Continent= "Italy", Company= "Ford", Sales= 125144 }, + new data { Continent= "Canada", Company= "Ford", Sales=305086}, + new data { Continent= "Canada", Company= "FCA", Sales=278011 }, + new data { Continent= "Canada", Company= "GM", Sales= 266884 }, + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Index.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Index.razor.txt new file mode 100644 index 000000000..d56cc57f6 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Index.razor.txt @@ -0,0 +1,5 @@ +@* + For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860 +*@ +@{ +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Legend.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Legend.razor.txt new file mode 100644 index 000000000..728b222cd --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Legend.razor.txt @@ -0,0 +1,130 @@ +@page "/TreeMap/Legend" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Legend"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes USA president election results in the year 2016. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see the type of legend available in treemap. And we have applied equal color mapping based on certain value. +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices +

+
+

Injecting Module

+

+ Treemap component features are segregated into individual feature-wise modules. To use a legend, inject the Legend module using the Treemap.Inject(TreeMapLegend) method. + " + }; +} +@*End:Hidden*@ + +

+
+ + + + + + + + + + + +
+
+ Source: + en.wikipedia.org +
+
+ +@functions { + public class colorMap + { + public string value; + public string color; + } + public class data + { + public string State; + public double Trump; + public double Clinton; + public double WinPercentage; + public string Winner; + public double Population; + } + public List colorMapping = new List { + new colorMap { value= "Trump", color= "#D84444" }, + new colorMap { value= "Clinton", color= "#316DB5" } + }; + public List datasource = new List { + new data { State= "Alabama", Trump=62.9,Clinton=34.6, WinPercentage= 62.9,Winner="Trump", Population = 4780127 }, + new data { State= "Alaska", Trump=52.9,Clinton=37.7, WinPercentage= 52.9,Winner="Trump", Population = 710249}, + new data { State= "Arkansas", Trump=60.6,Clinton=33.7, WinPercentage=60.6,Winner="Trump", Population = 2915958 }, + new data { State= "Arizona", Trump=49.5,Clinton=45.4, WinPercentage=49.5,Winner="Trump", Population = 6392307 }, + new data { State= "California", Trump=32.8,Clinton=61.6, WinPercentage= 61.6,Winner="Clinton", Population = 37252895}, + new data { State= "Colorado", Trump=47.3,Clinton=44.4, WinPercentage= 47.3,Winner="Trump", Population = 5029324 }, + new data { State= "Connecticut", Trump=41.2,Clinton=54.5, WinPercentage= 54.5,Winner="Clinton", Population = 3574118}, + new data { State= "Delaware", Trump=53.4,Clinton=41.9, WinPercentage= 53.4,Winner="Trump", Population = 897936 }, + new data { State= "District of Columbia", Trump=4.1,Clinton=92.8, WinPercentage= 92.8,Winner="Clinton", Population = 693972 }, + new data { State= "Florida", Trump=49.1,Clinton=47.8 , WinPercentage= 49.1,Winner="Trump", Population = 18804623}, + new data { State= "Georgia", Trump=51.3,Clinton=45.6 , WinPercentage=51.3,Winner="Trump", Population = 9688681}, + new data { State= "Hawaii", Trump=62.2,Clinton=30, WinPercentage=62.2,Winner="Trump", Population = 1360301 }, + new data { State= "Idaho", Trump=59.2,Clinton=27.6 , WinPercentage= 59.2,Winner="Trump", Population = 1567652 }, + new data { State= "Illinois", Trump=55.4,Clinton=39.4, WinPercentage= 55.4,Winner="Trump", Population = 12831549 }, + new data { State= "Indiana", Trump=57.2,Clinton=37.9 , WinPercentage=57.2,Winner="Trump", Population = 6484229 }, + new data { State= "Iowa", Trump=51.8,Clinton=42.2, WinPercentage=51.8,Winner="Trump", Population = 3046869 }, + new data { State= "Kansas", Trump=57.2,Clinton=36.2, WinPercentage=57.2,Winner="Trump", Population = 2853132, }, + new data { State= "Kentucky", Trump=62.5,Clinton=32.7 , WinPercentage=62.5,Winner="Trump", Population = 4339349 }, + new data { State= "Louisiana", Trump=58.1,Clinton=38.4 , WinPercentage=58.1,Winner="Trump", Population = 4533479 }, + new data { State= "Maine", Trump=45.2,Clinton=47.9 , WinPercentage=47.9,Winner="Clinton", Population = 1328361}, + new data { State= "Maryland", Trump=35.3,Clinton=60.5 , WinPercentage=60.5,Winner="Clinton", Population = 5773785 }, + new data { State= "Massachusetts", Trump=33.5,Clinton=60.8, WinPercentage=60.8,Winner="Clinton", Population = 6547817 }, + new data { State= "Michigan", Trump=47.6,Clinton=47.3 , WinPercentage=47.6,Winner="Trump", Population = 9884129 }, + new data { State= "Minnesota", Trump=45.4,Clinton=46.9, WinPercentage=46.9,Winner="Trump", Population = 5303925 }, + new data { State= "Mississippi", Trump=58.3,Clinton=39.7, WinPercentage=58.3,Winner="Trump", Population = 2968103 }, + new data { State= "Missouri", Trump=57.1,Clinton=38.0, WinPercentage=57.1,Winner="Trump", Population = 5988927 }, + new data { State= "Montana", Trump=56.5,Clinton=36.0, WinPercentage= 56.5,Winner="Trump", Population = 989417 }, + new data { State= "Nebraska", Trump=60.3,Clinton=34.0 , WinPercentage=60.3,Winner="Trump", Population = 1826341 }, + new data { State= "Nevada", Trump=45.5,Clinton=47.9, WinPercentage=47.9,Winner="Clinton", Population = 2700691 }, + new data { State= "New Hampshire", Trump=47.2,Clinton=47.6 , WinPercentage= 47.6,Winner="Clinton", Population = 1316466 }, + new data { State= "New Jersey", Trump=41.8,Clinton=55.0, WinPercentage=55,Winner="Clinton", Population = 8791936}, + new data { State= "New Mexico", Trump=40.0,Clinton=48.3 , WinPercentage=48.3,Winner="Clinton", Population = 2059192 }, + new data { State= "New York", Trump=37.5,Clinton=58.8 , WinPercentage=58.8,Winner="Clinton", Population = 19378087}, + new data { State= "North Carolina", Trump=50.5,Clinton=46.7, WinPercentage=50.5,Winner="Trump", Population = 9535692 }, + new data { State= "North Dakota", Trump=64.1,Clinton=27.8, WinPercentage=64.1,Winner="Trump", Population = 672591 }, + new data { State= "Ohio", Trump=52.1,Clinton=43.5, WinPercentage=52.5,Winner="Trump", Population = 11536725 }, + new data { State= "Oklahoma", Trump=65.3,Clinton=28.9, WinPercentage= 65.3,Winner="Trump", Population = 3751616 }, + new data { State= "Oregon", Trump=41.1,Clinton=51.7, WinPercentage=51.7,Winner="Clinton", Population = 3831073 }, + new data { State= "Pennsylvania", Trump=48.8,Clinton=47.6 , WinPercentage= 48.8,Winner="Trump", Population = 12702887}, + new data { State= "Rhode Island", Trump=39.8,Clinton=55.4, WinPercentage= 55.4,Winner="Clinton", Population = 1052931 }, + new data { State= "South Carolina", Trump=54.9,Clinton=40.8, WinPercentage=54.9,Winner="Trump", Population = 4625401}, + new data { State= "South Dakota", Trump=61.5,Clinton=31.7, WinPercentage= 61.5,Winner="Trump", Population = 814191 }, + new data { State= "Tennessee", Trump=61.1,Clinton=34.9, WinPercentage=61.1,Winner="Trump", Population = 6346275}, + new data { State= "Texas", Trump=52.6,Clinton=43.4, WinPercentage=52.6,Winner="Trump", Population = 25146105 }, + new data { State= "Utah", Trump=45.9,Clinton=27.8, WinPercentage=45.9,Winner="Trump", Population = 2763888, }, + new data { State= "Vermont", Trump=39.7,Clinton=61.1, WinPercentage=61.1,Winner="Clinton", Population = 625745 }, + new data { State= "Virginia", Trump=45.0,Clinton=49.9 , WinPercentage=49.9,Winner="Clinton", Population = 8001045}, + new data { State= "Washington", Trump=4.1,Clinton=92.8 , WinPercentage=92.8,Winner="Clinton", Population = 6724543 }, + new data { State= "Wisconsin", Trump=68.7,Clinton=26.5 , WinPercentage=68.7,Winner="Trump", Population = 5687289}, + new data { State= "West Virginia", Trump=47.9,Clinton=46.9, WinPercentage=47.9,Winner="Clinton", Population = 1853011 }, + new data { State= "Wyoming", Trump=70.1,Clinton=22.5, WinPercentage=70.1,Winner="Trump", Population = 583767 } + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Tooltip.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Tooltip.razor.txt new file mode 100644 index 000000000..d1072b7fb --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/Tooltip.razor.txt @@ -0,0 +1,147 @@ +@page "/TreeMap/Tooltip" + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Tooltip"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample depicts the count of International airports in various countries in South America. On hover, the items details will be displayed in tooltip template. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to apply equal color mapping and apply colors for treemap items based on certain value. +

+

+ Also tooltip template is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices. +

" + }; +} +@*End:Hidden*@ + +
+
+ + + + + + + + + + + +
+
+ Source: + en.wikipedia.org +
+
+ + + + +@functions { + public class colorMap + { + public double value; + public string color; + } + + public class data + { + public string Title; + public string State; + public double Count; + } + + public List colorMapping = new List + { + new colorMap {value= 25, color= "#634D6F" }, + new colorMap {value= 12,color= "#B34D6D" }, + new colorMap {value= 9,color= "#557C5C" }, + new colorMap {value= 7,color= "#44537F" }, + new colorMap {value= 6,color= "#637392" }, + new colorMap {value= 3,color= "#7C754D" }, + new colorMap {value= 2, color= "#2E7A64" }, + new colorMap {value= 1,color= "#95659A"} + }; + + + public List datasource = new List { + new data { Title= "State wise International Airport count in South America", State= "Brazil", Count= 25 }, + new data { Title= "State wise International Airport count in South America", State= "Colombia", Count= 12 }, + new data { Title= "State wise International Airport count in South America", State= "Argentina", Count= 9 }, + new data { Title= "State wise International Airport count in South America", State= "Ecuador", Count= 7 }, + new data { Title= "State wise International Airport count in South America", State= "Chile", Count= 6 }, + new data { Title= "State wise International Airport count in South America", State= "Peru", Count= 3 }, + new data { Title= "State wise International Airport count in South America", State= "Venezuela", Count= 3 }, + new data { Title= "State wise International Airport count in South America", State= "Bolivia", Count= 2 }, + new data { Title= "State wise International Airport count in South America", State= "Paraguay", Count= 2 }, + new data { Title= "State wise International Airport count in South America", State= "Uruguay", Count= 2 }, + new data { Title= "State wise International Airport count in South America", State= "Falkland Islands", Count= 1 }, + new data { Title= "State wise International Airport count in South America", State= "French Guiana", Count= 1 }, + new data { Title= "State wise International Airport count in South America", State= "Guyana", Count= 1 }, + new data { Title= "State wise International Airport count in South America", State= "Suriname", Count= 1 }, + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/TreeMapLabel.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/TreeMapLabel.razor.txt new file mode 100644 index 000000000..4e5731dcc --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/TreeMapLabel.razor.txt @@ -0,0 +1,266 @@ +@page "/TreeMap/Label" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Data Label"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample visualizes the population of various continents in 2011 based on the gender and age group. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to render a pie chart as a template for leaf items in treemap. Any custom HTML element can be rendered as label template. +

+

+ Tooltip is enabled in this example. To see the tooltip in action, hover the mouse over an item or tap an item in touch enabled devices. +

" + }; +} +@*End:Hidden*@ + +
+ + + + + + + + + +
+ +@functions { + public class colorMap + { + public double from; + public double to; + public string label; + public string color; + } + public class data + { + public string Country; + public double Population; + } + public List colorMapping = new List { + new colorMap { to= 10000000000, from= 100000000, label= "200M - 1.3M", color= "#4B134F"}, + new colorMap { to= 100000000, from= 20000000, label= "20M - 200M", color= "#8C304D" }, + new colorMap { to= 20000000, from= 100000, label= "0.1M - 20M", color= "#C84B4B" } + }; + public List datasource { get; set; } = new List { + new data { Country="China", Population=1388232693}, + new data { Country="India", Population=1342512706}, + new data { Country="United States of America", Population=326474013}, + new data { Country="Indonesia", Population=263510146}, + new data { Country="Brazil", Population=211243220}, + new data { Country="Pakistan", Population=196744376}, + new data { Country="Nigeria", Population=191835936}, + new data { Country="Bangladesh", Population=164827718}, + new data { Country="Russian Federation", Population=143375006}, + new data { Country="Mexico", Population=130222815}, + new data { Country="Japan", Population=126045211}, + new data { Country="Ethiopia", Population=104344901}, + new data { Country="Philippines", Population=103796832}, + new data { Country="Viet Nam", Population=95414640}, + new data { Country="Egypt", Population=95215102}, + new data { Country="D.R. Congo", Population=82242685}, + new data { Country="Iran", Population=80945718}, + new data { Country="Germany", Population=80636124}, + new data { Country="Turkey", Population=80417526}, + new data { Country="Thailand", Population=68297547}, + new data { Country="United Kingdom", Population=65511098}, + new data { Country="France", Population=64938716}, + new data { Country="Italy", Population=59797978}, + new data { Country="Tanzania", Population=56877529}, + new data { Country="South Africa", Population=55436360}, + new data { Country="Myanmar", Population=54836483}, + new data { Country="Republic of Korea", Population=50704971}, + new data { Country="Colombia", Population=49067981}, + new data { Country="Kenya", Population=48466928}, + new data { Country="Spain", Population=46070146}, + new data { Country="Ukraine", Population=44405055}, + new data { Country="Argentina", Population=44272125}, + new data { Country="Sudan", Population=42166323}, + new data { Country="Uganda", Population=41652938}, + new data { Country="Algeria", Population=41063753}, + new data { Country="Iraq", Population=38654287}, + new data { Country="Poland", Population=38563573}, + new data { Country="Canada", Population=36626083}, + new data { Country="Morocco", Population=35241418}, + new data { Country="Afghanistan", Population=34169169}, + new data { Country="Saudi Arabia", Population=32742664}, + new data { Country="Peru", Population=32166473}, + new data { Country="Venezuela", Population=31925705}, + new data { Country="Malaysia", Population=31164177}, + new data { Country="Uzbekistan", Population=30690914}, + new data { Country="Mozambique", Population=29537914}, + new data { Country="Nepal", Population=29187037}, + new data { Country="Ghana", Population=28656723}, + new data { Country="Yemen", Population=28119546}, + new data { Country="Angola", Population=26655513}, + new data { Country="Madagascar", Population=25612972}, + new data { Country="Dem Peoples Republic of Korea", Population=25405296}, + new data { Country="Australia", Population=24641662}, + new data { Country="Cameroon", Population=24513689}, + new data { Country="Côte dIvoire", Population=23815886}, + new data { Country="Taiwan", Population=23405309}, + new data { Country="Niger", Population=21563607}, + new data { Country="Sri Lanka", Population=20905335}, + new data { Country="Romania", Population=19237513}, + new data { Country="Burkina Faso", Population=19173322}, + new data { Country="Syrian Arab Republic", Population=18906907}, + new data { Country="Mali", Population=18689966}, + new data { Country="Chile", Population=18313495}, + new data { Country="Malawi", Population=18298679}, + new data { Country="Kazakhstan", Population=18064470}, + new data { Country="Zambia", Population=17237931}, + new data { Country="Netherlands", Population=17032845}, + new data { Country="Guatemala", Population=17005497}, + new data { Country="Ecuador", Population=16625776}, + new data { Country="Zimbabwe", Population=16337760}, + new data { Country="Cambodia", Population=16076370}, + new data { Country="Senegal", Population=16054275}, + new data { Country="Chad", Population=14965482}, + new data { Country="Guinea", Population=13290659}, + new data { Country="South Sudan", Population=13096190}, + new data { Country="Rwanda", Population=12159586}, + new data { Country="Burundi", Population=11936481}, + new data { Country="Tunisia", Population=11494760}, + new data { Country="Benin", Population=11458611}, + new data { Country="Belgium", Population=11443830}, + new data { Country="Somalia", Population=11391962}, + new data { Country="Cuba", Population=11390184}, + new data { Country="Bolivia", Population=11052864}, + new data { Country="Haiti", Population=10983274}, + new data { Country="Greece", Population=10892931}, + new data { Country="Dominican Republic", Population=10766564}, + new data { Country="Czech Republic", Population=10555130}, + new data { Country="Portugal", Population=10264797}, + new data { Country="Azerbaijan", Population=9973697}, + new data { Country="Sweden", Population=9920624}, + new data { Country="Hungary", Population=9787905}, + new data { Country="Belarus", Population=9458535}, + new data { Country="United Arab Emirates", Population=9397599}, + new data { Country="Tajikistan", Population=8858115}, + new data { Country="Serbia", Population=8776940}, + new data { Country="Austria", Population=8592400}, + new data { Country="Switzerland", Population=8454083}, + new data { Country="Israel", Population=8323248}, + new data { Country="Honduras", Population=8304677}, + new data { Country="Papua New Guinea", Population=7933841}, + new data { Country="Jordan", Population=7876703}, + new data { Country="Togo", Population=7691915}, + new data { Country="China Hong Kong SAR", Population=7401941}, + new data { Country="Bulgaria", Population=7045259}, + new data { Country="Laos", Population=7037521}, + new data { Country="Paraguay", Population=6811583}, + new data { Country="Sierra Leone", Population=6732899}, + new data { Country="Libya", Population=6408742}, + new data { Country="Nicaragua", Population=6217796}, + new data { Country="El Salvador", Population=6167147}, + new data { Country="Kyrgyzstan", Population=6124945}, + new data { Country="Lebanon", Population=6039277}, + new data { Country="Singapore", Population=5784538}, + new data { Country="Denmark", Population=5711837}, + new data { Country="Finland", Population=5541274}, + new data { Country="Turkmenistan", Population=5502586}, + new data { Country="Eritrea", Population=5481906}, + new data { Country="Slovakia", Population=5432157}, + new data { Country="Norway", Population=5330800}, + new data { Country="Central African Republic", Population=5098826}, + new data { Country="State of Palestine", Population=4928225}, + new data { Country="Costa Rica", Population=4905626}, + new data { Country="Congo", Population=4866243}, + new data { Country="Ireland", Population=4749153}, + new data { Country="Oman", Population=4741305}, + new data { Country="Liberia", Population=4730437}, + new data { Country="New Zealand", Population=4604871}, + new data { Country="Mauritania", Population=4266448}, + new data { Country="Croatia", Population=4209815}, + new data { Country="Kuwait", Population=4099932}, + new data { Country="Republic of Moldova", Population=4054640}, + new data { Country="Panama", Population=4051284}, + new data { Country="Georgia", Population=3972532}, + new data { Country="Bosnia and Herzegovina", Population=3792759}, + new data { Country="Puerto Rico", Population=3679086}, + new data { Country="Uruguay", Population=3456877}, + new data { Country="Mongolia", Population=3051900}, + new data { Country="Armenia", Population=3031670}, + new data { Country="Albania", Population=2911428}, + new data { Country="Lithuania", Population=2830582}, + new data { Country="Jamaica", Population=2813285}, + new data { Country="Namibia", Population=2568569}, + new data { Country="Botswana", Population=2343981}, + new data { Country="Qatar", Population=2338085}, + new data { Country="Lesotho", Population=2185159}, + new data { Country="Gambia", Population=2120418}, + new data { Country="TFYR Macedonia", Population=2083308}, + new data { Country="Slovenia", Population=2071252}, + new data { Country="Latvia", Population=1944565}, + new data { Country="Guinea-Bissau", Population=1932871}, + new data { Country="Gabon", Population=1801232}, + new data { Country="Bahrain", Population=1418895}, + new data { Country="Trinidad and Tobago", Population=1369157}, + new data { Country="Swaziland", Population=1320356}, + new data { Country="Estonia", Population=1305755}, + new data { Country="Mauritius", Population=1281353}, + new data { Country="Timor-Leste", Population=1237251}, + new data { Country="Cyprus", Population=1187575}, + new data { Country="Djibouti", Population=911382}, + new data { Country="Fiji", Population=902547}, + new data { Country="Equatorial Guinea", Population=894464}, + new data { Country="Réunion", Population=873356}, + new data { Country="Comoros", Population=825920}, + new data { Country="Bhutan", Population=792877}, + new data { Country="Guyana", Population=774407}, + new data { Country="Montenegro", Population=626250}, + new data { Country="China Macao SAR", Population=606384}, + new data {Country="Solomon Islands", Population=606215}, + new data { Country="Western Sahara", Population=596021}, + new data { Country="Luxembourg", Population=584103}, + new data { Country="Suriname", Population=552112}, + new data { Country="Cabo Verde", Population=533468}, + new data { Country="Guadeloupe", Population=472462}, + new data { Country="Brunei Darussalam", Population=434448}, + new data { Country="Malta", Population=420521}, + new data { Country="Bahamas", Population=397164}, + new data { Country="Martinique", Population=396071}, + new data { Country="Maldives", Population=375867}, + new data { Country="Belize", Population=374651}, + new data { Country="Iceland", Population=334303}, + new data { Country="French Polynesia", Population=288685}, + new data { Country="Barbados", Population=285744}, + new data { Country="French Guiana", Population=282761}, + new data { Country="Vanuatu", Population=276331}, + new data { Country="New Caledonia", Population=269736}, + new data { Country="Mayotte", Population=253068}, + new data { Country="Sao Tome and Principe", Population=198481}, + new data { Country="Samoa", Population=195743}, + new data { Country="Saint Lucia", Population=187768}, + new data { Country="Guam", Population=174214}, + new data { Country="Channel Islands", Population=165235}, + new data { Country="Curaçao", Population=159987}, + new data { Country="Kiribati", Population=116405}, + new data { Country="Saint Vincent and the Grenadines", Population=109895}, + new data { Country="Grenada", Population=107850}, + new data { Country="Tonga", Population=107797}, + new data { Country="United States Virgin Islands", Population=106574}, + new data { Country="Micronesia (Fed. States of)", Population=105566}, + new data { Country="Aruba", Population=104588}, + new data { Country="Seychelles", Population=97539}, + new data { Country="Antigua and Barbuda", Population=93659}, + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/layerData.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/layerData.razor.txt new file mode 100644 index 000000000..b43588f8b --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/layerData.razor.txt @@ -0,0 +1,62 @@ +@page "/TreeMap/layerData" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap +@using Syncfusion.EJ2.RazorComponents.DropDowns; +@using Newtonsoft.Json; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Layout"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + }; + SampleBrowser.Description = new string[] { + }; +} +@*End:Hidden*@ + +
+
+ +
+
+ +@functions { + + public object leaf { get; set; } = new + { + labelPath = "State", + labelFormat = "${State}
$${GDP} Trillion
(${percentage} %)", + labelStyle = new { color = "#000000" }, + border = new { color = "#000000", width = 0.5 }, + colorMapping = new List + { + new{ from= 1550, + to= 17946, + color= "#9cbb59", + minOpacity= 0.7, + maxOpacity= 1,} + } + }; + public object tooltip { get; set; } = new + { + visible = true, + format = "${State}
Rank : ${Rank}" + }; + public List datasource { get; set; } = new List { + new {State="United States", GDP=17946, percentage=11.08, Rank=1}, + new {State="China", GDP=10866, percentage= 28.42, Rank=2}, + new {State="Japan", GDP=4123, percentage=-30.78, Rank=3}, + new {State="Germany", GDP=3355, percentage=-5.19, Rank=4}, + new {State="United Kingdom", GDP=2848, percentage=8.28, Rank=5}, + new {State="France", GDP=2421, percentage=-9.69, Rank=6}, + new {State="India", GDP=2073, percentage=13.65, Rank=7}, + new {State="Italy", GDP=1814, percentage=-12.45, Rank=8}, + new {State="Brazil", GDP=1774, percentage=-27.88, Rank=9}, + new {State="Canada", GDP=1550, percentage=-15.02, Rank=10} + }; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/print.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/print.razor.txt new file mode 100644 index 000000000..5a701e0d6 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/print.razor.txt @@ -0,0 +1,69 @@ +@page "/TreeMap/Print" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Print"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample demonstrates the top 10 best-selling smartphone brands. Printing and exporting options has been enabled in this sample. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see how to export and print the rendered treemap. Treemap can be exported to JPEG, PNG, SVG and PDF formats. +

" + }; +} +@*End:Hidden*@ + +
+ +
+ +@functions { +public object titleSettings { get; set; } = new +{ + text = "Top 10 best selling smartphone brands - 2017", + textStyle = new { size = "15px" } +}; +public LayoutMode layout { get; set; } = LayoutMode.SliceAndDiceVertical; +public object leaf { get; set; } = new +{ + labelPath = "Product", + fill = "#6699cc", + border = new { color = "black", width = 0.5 }, + labelPosition = "Center", + interSectAction = "Hide", + labelFormat = "${Product} (+${Percentage}) %", +}; + +public object tooltipSettings { get; set; } = new +{ + visible = true, + format = "${Product} (+${Percentage}) %" +}; +public List color { get; set; } = new List +{ +new { from= 1.3, to= 22, color= "#FAB665", minOpacity= 0.5, maxOpacity= 1} +}; +public List datasource { get; set; } = new List { +new { Product="Samsung", Percentage=22}, +new { Product="Apple", Percentage=11.2}, +new { Product="Huawei", Percentage=10.5}, +new { Product="Oppo", Percentage=8.4}, +new { Product="Vivo", Percentage=6.6}, +new { Product="Xiaomi", Percentage=6.3}, +new { Product="LG", Percentage=3.6}, +new { Product="ZTE", Percentage=3.3}, +new { Product="Lenovo", Percentage=3.2}, +new { Product="Alcate", Percentage=1.3} + +}; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/selection.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/selection.razor.txt new file mode 100644 index 000000000..c33812313 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/selection.razor.txt @@ -0,0 +1,81 @@ +@page "/TreeMap/selection" + + +@using Syncfusion.EJ2.RazorComponents.TreeMap + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Selection"; + SampleBrowser.CurrentControlName = "TreeMap"; + SampleBrowser.CurrentControlCategory = "TreeMap"; + SampleBrowser.CurrentControl = SampleBrowser.Config.TreeMap; + SampleBrowser.ActionDescription = new string[] { + @"

+ This sample depicts the details of Imports made by Japan. Selection and highlight has been enabled in this sample. +

" + }; + SampleBrowser.Description = new string[] { + @"

+ In this example, you can see the modes available for performing highlight and selection in treemap. It can be either enabled or disabled. +

+
+

Injecting Module

+

+ + Treemap component features are segregated into individual feature-wise modules. To use highlight and selection, inject the Selection module using the < code > Treemap.Inject(TreeMapSelection) inject the Highlight module using the < code > Treemap.Inject(TreeMapHighlight) method. + + + " + }; +} +@*End:Hidden*@ + +

+ +
+ +@functions { +public object titleSettings { get; set; } = new +{ + text = "Import and Export details of US", + textStyle = new { size = "15px" } +}; +public object selectionSettings { get; set; } = new +{ + enable = true, + fill = "#58a0d3", + border = new { width = 0.3 }, + color = "black", + opacity = "1" +}; +public object leaf { get; set; } = new +{ + labelPath = "type", + fill = "#8ebfe2", + labelPosition = "Center", + gap = 10 +}; + +public object highlightSettings { get; set; } = new +{ + enable = true, + fill = "#71b0dd", + border = new { width = 0.3, color = "black" }, + opacity = "1" +}; +public List level { get; set; } = new List +{ +new{ groupPath= "dataType", fill= "#c5e2f7", headerStyle= new{ size= "16px" }, headerAlignment= "Center", groupGap= 5 }, +new { groupPath= "product", fill= "#a4d1f2", headerAlignment= "Center" , groupGap= 2 } +}; +public List datasource { get; set; } = new List { +new { dataType= "Import and export details of Japan", product= "Plastics and Rubber", type= "Plastics and articles thereof", sales= 15309826454 }, +new { dataType= "Import and export details of Japan", product= "Plastics and Rubber", type= "Rubber and articles thereof", sales= 7263996232 }, +new { dataType= "Import and export details of Japan", product= "Live Animals and Animal Products", type= "Meat and edible meat", sales= 8598356166 }, +new { dataType= "Import and export details of Japan", product= "Live Animals and Animal Products", type= "Fish and others", sales= 12651200133 }, +new { dataType= "Import and export details of Japan", product= "Live Animals and Animal Products", type= "Dairy produce", sales= 1562558758 }, +new { dataType= "Import and export details of Japan", product= "Vehicles", type= "tramway rolling stock", sales= 17798869241 }, +new { dataType= "Import and export details of Japan", product= "Vehicles", type= "Aircraft", sales= 3666688232 } +}; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/test.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/test.razor.txt new file mode 100644 index 000000000..74192d9ec --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/TreeMap/TreeMap/test.razor.txt @@ -0,0 +1,8 @@ +@page "/Treemap/test" + +
testing element @Name
+ + +@functions{ + public string Name = "bala"; +} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/CustomToolbar.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/CustomToolbar.razor.txt new file mode 100644 index 000000000..ebc183268 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/CustomToolbar.razor.txt @@ -0,0 +1,193 @@ +@page "/Viewer/CustomToolbar" + +@using Syncfusion.EJ2.RazorComponents.PdfViewer +@using Syncfusion.EJ2.RazorComponents.Navigations + +@inject IJSRuntime JsRuntime; +@inject HttpClient Http; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "CustomToolbar"; + SampleBrowser.CurrentControlName = "PdfViewer"; + SampleBrowser.CurrentControlCategory = "PdfViewer"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PdfViewer; + SampleBrowser.ActionDescription = new string[] { +@"

This sample demonstrates how to perform the PDF Viewer functionalities using a custom toolbar.

" +}; + SampleBrowser.Description = new string[] { +@"

+The PDF viewer component is used to view, annotate (review), download and print the PDF documents. +

+

+In this example, you can see PDF Viewer control API in action to perform the functionalities. +

+

+More information about PDF viewer can be found in this + +documentation section +. +

" +}; +} +@*End:Hidden*@ +@{ + var template = "
of 0
"; + var inputtemplate = "
"; +} +
+ + + + + + + + + + + + + +
+ + + + + + + +
+
+ + + +@functions{ + + protected async void documentLoad(Syncfusion.EJ2.RazorComponents.PdfViewer.LoadEventArgs args) + { + await JsRuntime.InvokeAsync + ("documentLoaded"); + } + protected async void created(object args) + { + await JsRuntime.InvokeAsync + ("initialLoad"); + } + protected async void pageChanged(Syncfusion.EJ2.RazorComponents.PdfViewer.PageChangeEventArgs args) + { + await JsRuntime.InvokeAsync + ("pageChanged"); + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor.txt new file mode 100644 index 000000000..5d129c906 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/DefaultFunctionalities.razor.txt @@ -0,0 +1,52 @@ +@page "/Viewer/DefaultFunctionalities" + +@using Syncfusion.EJ2.RazorComponents.PdfViewer + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "Default Functionalities"; + SampleBrowser.CurrentControlName = "PdfViewer"; + SampleBrowser.CurrentControlCategory = "PdfViewer"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PdfViewer; + SampleBrowser.ActionDescription = new string[] { +@"

This sample demonstrates the default functionalities of the PDF viewer.

" +}; + SampleBrowser.Description = new string[] { +@"

+The PDF viewer component is used to view, annotate (review), download and print the PDF documents. +

+

+In this demo, the PDF viewer is rendered with default PDF file. +

+

+More information about PDF viewer can be found in this + +documentation section +. +

" +}; +} +@*End:Hidden*@ + +
+
+ +
+
+ + + +@functions{} \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/RightToLeft.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/RightToLeft.razor.txt new file mode 100644 index 000000000..1ef7e1b36 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/PdfViewer/RightToLeft.razor.txt @@ -0,0 +1,61 @@ +@page "/Viewer/RightToLeft" + +@using Syncfusion.EJ2.RazorComponents.PdfViewer +@inject IJSRuntime JsRuntime; +@inject HttpClient Http; + +@*Hidden:Lines*@ +@using ej2_blazor_samples +@{ + SampleBrowser.CurrentSampleName = "RightToLeft"; + SampleBrowser.CurrentControlName = "PdfViewer"; + SampleBrowser.CurrentControlCategory = "PdfViewer"; + SampleBrowser.CurrentControl = SampleBrowser.Config.PdfViewer; + SampleBrowser.ActionDescription = new string[] { +@"

RTL provides an option to switch the text direction and layout of the PDF Viewer from right to left. It improves the user experiences and accessibility for users who use right-to-left languages (Arabic, Farsi, Urdu, etc.). To enable RTL PDF Viewer, set the enableRtl to true.

" +}; + SampleBrowser.Description = new string[] { +@"

+ In this example, you can see PDF Viewer right-to-left and the locale set in arabic[locale value is ar-AE]. +

+

+ By default, locale value is en-US. If you want to change the en-US culture to a different culture, you have to change the locale accordingly. +

+

+ More information about PDF viewer can be found in this + + documentation section + . +

" +}; +} +@*End:Hidden*@ + +
+
+ +
+
+ + + +@functions{ + +protected override async Task OnInitAsync() +{ + await JsRuntime.InvokeAsync + ("localeFunction"); + } + } diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/SampleList.cs.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/SampleList.cs.txt new file mode 100644 index 000000000..9f21aa098 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/Viewer/SampleList.cs.txt @@ -0,0 +1,40 @@ +using System; +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using ej2_blazor_samples; +namespace ej2_blazor_samples +{ + internal partial class SampleConfig + { + public List PdfViewer { get; set; } = new List{ + new Sample + { + Name = "Default Functionalities", + Category = "PdfViewer", + Directory = "Viewer/PdfViewer", + Url = "Viewer/DefaultFunctionalities", + FileName = "DefaultFunctionalities.razor", + Type = SampleType.New + }, + new Sample + { + Name = "CustomToolbar", + Category = "PdfViewer", + Directory = "Viewer/PdfViewer", + Url = "Viewer/CustomToolbar", + FileName = "CustomToolbar.razor", + Type = SampleType.New + }, + new Sample + { + Name = "RightToLeft", + Category = "PdfViewer", + Directory = "Viewer/PdfViewer", + Url = "Viewer/RightToLeft", + FileName = "RightToLeft.razor", + Type = SampleType.New + } + }; + } +} diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/_Imports.razor.txt b/ej2-blazor-samples/wwwroot/scripts/Pages/_Imports.razor.txt new file mode 100644 index 000000000..5e11c2a20 --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/_Imports.razor.txt @@ -0,0 +1 @@ +@layout MainLayout diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.interop.min.js b/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.interop.min.js new file mode 100644 index 000000000..ae34f783d --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.interop.min.js @@ -0,0 +1 @@ +function getElementByXpath(e){return document.evaluate(e,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue}!function(e){window.ejsBase=e}({getAttribute:function(e,t){return getElementByXpath(e).getAttribute(t)},setAttribute:function(e,t,a){getElementByXpath(e).setAttribute(t,a)},addClass:function(e,t){ejs.base.addClass([getElementByXpath(e)],t)},removeClass:function(e,t){ejs.base.removeClass([getElementByXpath(e)],t)},getClassList:function(e){return Array.prototype.slice.call(getElementByXpath(e).classList)},enableRipple:function(e){ejs.base.enableRipple(e)},enableRtl:function(e){ejs.base.enableRtl(e)},loadCldr:function(...e){for(var t=0;t1));r++);if(1===n)return a.unshift('id("'+e.getAttribute("id")+'")'),a.join("/");a.unshift(e.localName.toLowerCase()+'[@id="'+e.getAttribute("id")+'"]')}else if(e.hasAttribute("class"))a.unshift(e.localName.toLowerCase()+'[@class="'+e.getAttribute("class")+'"]');else{for(i=1,sib=e.previousSibling;sib;sib=sib.previousSibling)sib.localName===e.localName&&i++;a.unshift(e.localName.toLowerCase()+"["+i+"]")}return a.length?"/"+a.join("/"):null},dotnetInstance:null,invokeEJS:function(e,t,a,n,r,s){try{ejsIntrop.dotnetInstance=r,window.BlazorAdaptor||window.ejsIntrop.initBlazorAdaptor(),t=JSON.parse(t,ejsIntrop.parseRevive);var o=ejs.base.getValue(n,window);window.ejsIntrop.bindEvents(t,a,r);var i=new o(t);i._dotnetInstance=r;var d=i.saveChanges;i._saveChanges=d.bind(i),i.bindableProps=s=JSON.parse(s),i.isRendered=!1,i.saveChanges=window.ejsIntrop.updateModel.bind(i),i.appendTo("#"+e),i.isRendered=!0}catch(e){window.ejsIntrop.throwError(e,i)}},convertPropToJSON:function(e,t){var a={};for(var n in t){for(var r=n.trim().split("."),s=a,o=0;o0)for(var p=0;p-1&&(o[d]=o[d].properties),r[s].push(e(t,o[d]))}else if(o&&"object"==typeof o){Object.keys(o).indexOf("parentObj")>-1&&(o=o.properties),t.indexOf(o)<0?(t.push(o),o&&o instanceof Date?r[s]=o:r[s]=e(t,o),t.pop()):r[s]="###_Circular_###"}else"function"!=typeof o&&(r[s]=o)});return r}([e],e)),JSON.stringify(e)},bindEvents:function(e,t,a){if(t)for(var n=0;n0){for(var o=r.split("."),i=e,d=0;d{a=ej.data.DataUtil.parse.parseJson(a),function(e,a,n){var r={};r.count=e.count?parseInt(e.count.toString(),10):0,r.result=e.result?e.result:e,r.aggregates=a,r.virtualSelectRecords=n,t.resolve(r)}(s.processResponse(a,{},n,null,e))})}insert(e,t,a,n){var r={};return r.dm=e,r.data=t,r.tableName=a,r.query=n,r.requestType="insert",r}remove(e,t,a,n,r){var s={};return s.dm=e,s.data=a,s.keyField=t,s.tableName=n,s.query=r,s.requestType="remove",s}update(e,t,a,n,r){var s={};return s.dm=e,s.data=a,s.keyField=t,s.tableName=n,s.query=r,s.requestType="update",s}batchRequest(e,t,a,n,r){var s={};return s.dm=e,s.changed=t.changedRecords,s.added=t.addedRecords,s.deleted=t.deletedRecords,s.requestType="batchsave",s.keyField=a.key,s}doAjaxRequest(e){var t=new ej.data.Deferred,a=e.dm;return"insert"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Insert",JSON.stringify(e.data)).then(e=>{t.resolve(e)}),"remove"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Remove",JSON.stringify(e.data),e.keyField).then(e=>{t.resolve()}),"update"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Update",JSON.stringify(e.data),e.keyField).then(e=>{var a=ej.data.DataUtil.parse.parseJson(e);t.resolve(a)}),"batchsave"===e.requestType&&a.dotnetInstance.invokeMethodAsync("BatchUpdate",JSON.stringify(e.changed),JSON.stringify(e.added),JSON.stringify(e.deleted),e.keyField).then(e=>{t.resolve(e)}),t.promise}}}}; \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.introp.min.js b/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.introp.min.js new file mode 100644 index 000000000..ae34f783d --- /dev/null +++ b/ej2-blazor-samples/wwwroot/scripts/Pages/ejs.introp.min.js @@ -0,0 +1 @@ +function getElementByXpath(e){return document.evaluate(e,document,null,XPathResult.FIRST_ORDERED_NODE_TYPE,null).singleNodeValue}!function(e){window.ejsBase=e}({getAttribute:function(e,t){return getElementByXpath(e).getAttribute(t)},setAttribute:function(e,t,a){getElementByXpath(e).setAttribute(t,a)},addClass:function(e,t){ejs.base.addClass([getElementByXpath(e)],t)},removeClass:function(e,t){ejs.base.removeClass([getElementByXpath(e)],t)},getClassList:function(e){return Array.prototype.slice.call(getElementByXpath(e).classList)},enableRipple:function(e){ejs.base.enableRipple(e)},enableRtl:function(e){ejs.base.enableRtl(e)},loadCldr:function(...e){for(var t=0;t1));r++);if(1===n)return a.unshift('id("'+e.getAttribute("id")+'")'),a.join("/");a.unshift(e.localName.toLowerCase()+'[@id="'+e.getAttribute("id")+'"]')}else if(e.hasAttribute("class"))a.unshift(e.localName.toLowerCase()+'[@class="'+e.getAttribute("class")+'"]');else{for(i=1,sib=e.previousSibling;sib;sib=sib.previousSibling)sib.localName===e.localName&&i++;a.unshift(e.localName.toLowerCase()+"["+i+"]")}return a.length?"/"+a.join("/"):null},dotnetInstance:null,invokeEJS:function(e,t,a,n,r,s){try{ejsIntrop.dotnetInstance=r,window.BlazorAdaptor||window.ejsIntrop.initBlazorAdaptor(),t=JSON.parse(t,ejsIntrop.parseRevive);var o=ejs.base.getValue(n,window);window.ejsIntrop.bindEvents(t,a,r);var i=new o(t);i._dotnetInstance=r;var d=i.saveChanges;i._saveChanges=d.bind(i),i.bindableProps=s=JSON.parse(s),i.isRendered=!1,i.saveChanges=window.ejsIntrop.updateModel.bind(i),i.appendTo("#"+e),i.isRendered=!0}catch(e){window.ejsIntrop.throwError(e,i)}},convertPropToJSON:function(e,t){var a={};for(var n in t){for(var r=n.trim().split("."),s=a,o=0;o0)for(var p=0;p-1&&(o[d]=o[d].properties),r[s].push(e(t,o[d]))}else if(o&&"object"==typeof o){Object.keys(o).indexOf("parentObj")>-1&&(o=o.properties),t.indexOf(o)<0?(t.push(o),o&&o instanceof Date?r[s]=o:r[s]=e(t,o),t.pop()):r[s]="###_Circular_###"}else"function"!=typeof o&&(r[s]=o)});return r}([e],e)),JSON.stringify(e)},bindEvents:function(e,t,a){if(t)for(var n=0;n0){for(var o=r.split("."),i=e,d=0;d{a=ej.data.DataUtil.parse.parseJson(a),function(e,a,n){var r={};r.count=e.count?parseInt(e.count.toString(),10):0,r.result=e.result?e.result:e,r.aggregates=a,r.virtualSelectRecords=n,t.resolve(r)}(s.processResponse(a,{},n,null,e))})}insert(e,t,a,n){var r={};return r.dm=e,r.data=t,r.tableName=a,r.query=n,r.requestType="insert",r}remove(e,t,a,n,r){var s={};return s.dm=e,s.data=a,s.keyField=t,s.tableName=n,s.query=r,s.requestType="remove",s}update(e,t,a,n,r){var s={};return s.dm=e,s.data=a,s.keyField=t,s.tableName=n,s.query=r,s.requestType="update",s}batchRequest(e,t,a,n,r){var s={};return s.dm=e,s.changed=t.changedRecords,s.added=t.addedRecords,s.deleted=t.deletedRecords,s.requestType="batchsave",s.keyField=a.key,s}doAjaxRequest(e){var t=new ej.data.Deferred,a=e.dm;return"insert"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Insert",JSON.stringify(e.data)).then(e=>{t.resolve(e)}),"remove"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Remove",JSON.stringify(e.data),e.keyField).then(e=>{t.resolve()}),"update"===e.requestType&&a.dotnetInstance.invokeMethodAsync("Update",JSON.stringify(e.data),e.keyField).then(e=>{var a=ej.data.DataUtil.parse.parseJson(e);t.resolve(a)}),"batchsave"===e.requestType&&a.dotnetInstance.invokeMethodAsync("BatchUpdate",JSON.stringify(e.changed),JSON.stringify(e.added),JSON.stringify(e.deleted),e.keyField).then(e=>{t.resolve(e)}),t.promise}}}}; \ No newline at end of file diff --git a/ej2-blazor-samples/wwwroot/scripts/index.js b/ej2-blazor-samples/wwwroot/scripts/index.js index 9de9f9b3d..eee25c9c1 100644 --- a/ej2-blazor-samples/wwwroot/scripts/index.js +++ b/ej2-blazor-samples/wwwroot/scripts/index.js @@ -2,17 +2,13 @@ var a = ""; var flag = true; var themeCollection = ['material', 'fabric', 'bootstrap', 'bootstrap4', 'highcontrast']; var isMobile = window.matchMedia('(max-width:550px)').matches; -function viewSwitch() { - var controlTree = ej.base.select("#controlTree"); +function viewSwitch(list) { var controlList = ej.base.select("#controlSamples"); - - if (controlTree.classList.contains("sb-hide")) { - controlTree.classList.remove("sb-hide"); - //controlList.classList.add("trans-right"); - } else { - controlTree.classList.add("sb-hide"); - //controlList.classList.remove("trans-right"); - } + if (list === "sb-hide") { + controlList.classList.add("sb-hide"); + } else { + controlList.classList.remove("sb-hide"); + } } function loadTheme(theme) {