Skip to content

Commit 9c7b00d

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent b2097cb commit 9c7b00d

File tree

35 files changed

+974
-102
lines changed

35 files changed

+974
-102
lines changed

‎docs-aspnet/html-helpers/barcodes/qrcode/overview.md‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,10 @@ To configure the QRCode, pass the configuration options as attributes, for examp
6868
```
6969
{% if site.core %}
7070
```TagHelper
71-
<kendo-qrcode name="qrUrl" value="https://docs.telerik.com/aspnet-core/introduction" error-correction="QRErrorCorrectionLevel.M size=" 150">
71+
<kendo-qrcode name="qrUrl"
72+
value="https://docs.telerik.com/aspnet-core/introduction"
73+
error-correction="QRErrorCorrectionLevel.M
74+
size=" 150">
7275
<border color="#AA11AA" width="2" />
7376
</kendo-qrcode>
7477
```

‎docs-aspnet/html-helpers/barcodes/qrcode/types.md‎

Lines changed: 20 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,18 @@ The following implementation demonstrates the code needed for the Swiss Type:
2424
)
2525
2626
```
27+
{% if site.core %}
28+
```TagHelper
29+
@{
30+
var value = "SPC 0200 1 CH4431999123000889012 S Robert Schneider AG Rue du Lac 1268 2501 Biel CH 1949.75 CHF S Pia-Maria Rutschmann-Schnyder Grosse Marktgasse 28 9400 Rorschach CH QRR 210000000003139471430009017 Order of 15 June 2020 EPD //S1/10/10201409/11/200701/20/140.000-53/30/102673831/31/200615/32/7.7/33/7.7:139.40/40/0:30 Name AV1: UV; UltraPay005;12345 Name AV2: XY;XYService;54321";
31+
}
32+
33+
<kendo-qrcode name="qrSwiss" value="@value" size="173">
34+
<overlay type="swiss" height="26" width="26" />
35+
</kendo-qrcode>
36+
37+
```
38+
{% endif %}
2739
Overview of the Swiss Type:
2840

2941
![Swiss Type](images/swissType.png)
@@ -37,15 +49,21 @@ The image type of the overlay is adding an image in the QR Code.
3749
The following implementation demonstrates the code needed for the Image Type:
3850

3951
```HtmlHelper
40-
@(
41-
Html.Kendo().QRCode()
52+
@(Html.Kendo().QRCode()
4253
.Name("qrImage")
4354
.Value("https://docs.telerik.com/aspnet-mvc/html-helpers/barcodes/qrcode/types")
4455
.Overlay(o => o.ImageUrl("https://demos.telerik.com/kendo-ui/content/shared/images/site/kendoka-cta.svg").Height(40).Width(40))
4556
.Size(173)
4657
)
4758
4859
```
60+
{% if site.core %}
61+
```TagHelper
62+
<kendo-qrcode name="qrImage" value="https://docs.telerik.com/aspnet-core/html-helpers/barcodes/qrcode/types" size="173">
63+
<overlay image-url="https://demos.telerik.com/kendo-ui/content/shared/images/site/kendoka-cta.svg" height="40" width="40" />
64+
</kendo-qrcode>
65+
```
66+
{% endif %}
4967
Overview of the Image Type:
5068

5169
![Image Type](images/imageType.png)

‎docs-aspnet/html-helpers/data-management/filemanager/views.md‎

Lines changed: 28 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
---
22
title: Views
3-
page_title: Views
4-
description: "Get familiar with Grid and Thumbs Views in Telerik UI FileManager for {{ site.framework }}."
3+
page_title: Views
4+
description: "Get familiar with Grid and Thumbs Views in the Telerik UI FileManager for {{ site.framework }}."
55
slug: htmlhelpers_filemanager_aspnetcore_views
66
position: 4
77
---
88

9-
# Views Overview
9+
# Views
1010

11-
The {{ site.product }} FileManager provides two inbuilt views for content visualization: `Grid` and `List` Views.
11+
The {{ site.product }} FileManager provides the Grid and List built-in views for content visualization.
1212

13-
You can switch between views from the Toolbar button group.
13+
To switch between the views, use the **Toolbar** button group.
1414

1515
## Grid View
1616

17-
This view is achieved with the {{ site.product }} Grid and in renders the files in a tabular manner (see Image1 below). That said, you can control the configuration of this view trough the `views.grid` object of the FileManager (see example below).
17+
The Grid view is based on the {{ site.product }} Grid component and renders the FileManager files in a tabular form. To control the Grid view configuration, use the `views.grid` object of the FileManager.
1818

1919
```HtmlHelper
2020
@(Html.Kendo().FileManager()
@@ -24,13 +24,31 @@ This view is achieved with the {{ site.product }} Grid and in renders the files
2424
)
2525
```
2626

27-
**Image1: GridView type in FileManager:**
27+
**A FileManager displaying its Grid view type**
2828

2929
<img src="gridview.png">
3030

31-
## List View (Thumbnails)
31+
### Setting the Grid View as Initial View
3232

33-
The List view is implemented with the help of the {{ site.product }} ListView component. The content in this view is rendered as a list of thumbnails, representing the files. You can control the configuration of this view trough the `views.list` object of the FileManager.
33+
By default, the initial view of the FileManager is the List View. To set the initial view to the Grid View, use the `InitialView()` configuration property.
34+
35+
```HtmlHelper
36+
@(Html.Kendo().FileManager()
37+
.Name("filemanager")
38+
.InitialView("grid")
39+
)
40+
```
41+
{% if site.core %}
42+
```TagHelper
43+
<kendo-filemanager name="filemanager" initial-view="grid">
44+
</kendo-filemanager>
45+
```
46+
{% endif %}
47+
48+
49+
## List View
50+
51+
The List or Thumbnails View is based on the {{ site.product }} ListView component and renders the FileManager content as a list of thumbnails with each thumbnail representing a file. To control the configuration of the List View, use the `views.list` object of the FileManager.
3452

3553
```HtmlHelper
3654
@(Html.Kendo().FileManager()
@@ -57,7 +75,7 @@ The List view is implemented with the help of the {{ site.product }} ListView co
5775
```
5876
{% endif %}
5977

60-
**Image2: ListView type in FileManager:**
78+
**A FileManager displaying its List view type**
6179

6280
<img src="listview.png">
6381

‎docs-aspnet/html-helpers/data-management/pivotgrid/data-binding/configurator.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,21 @@ The following example demonstrates how to create the PivotConfigurator.
3131
// Other configuration.
3232
)
3333
```
34+
{% if site.core %}
35+
```TagHelper
36+
<kendo-pivotconfigurator name="configurator"
37+
datasource-id="pivotSource"
38+
filterable="true"
39+
height="570">
40+
</kendo-pivotconfigurator>
41+
42+
<kendo-pivotgrid name="pivotgrid"
43+
filterable="true"
44+
datasource-id="pivotSource"
45+
height="570">
46+
</kendo-pivotgrid>
47+
```
48+
{% endif %}
3449

3550
## Basic Configuration
3651

@@ -74,6 +89,39 @@ The following example demonstrates how to configure the PivotConfigurator.
7489
)
7590
)
7691
```
92+
{% if site.core %}
93+
```TagHelper
94+
<kendo-pivotdatasource type=@(PivotDataSourceType.Xmla) name="pivotSource">
95+
<columns>
96+
<pivot-datasource-column name="[Date].[Calendar]" expand="true"></pivot-datasource-column>
97+
<pivot-datasource-column name="[Product].[Category]"></pivot-datasource-column>
98+
</columns>
99+
<rows>
100+
<row name="[Geography].[City]"></row>
101+
</rows>
102+
<schema type="xmla"/>
103+
<measures values=@(new string[] {"[Measures].[Reseller Freight Cost]"} ) ></measures>
104+
<transport>
105+
<read url="https://demos.telerik.com/olap/msmdpump.dll" datatype="text" content-type="text/xml" type="POST" />
106+
<connection catalog="Adventure Works DW 2008R2" cube="Adventure Works"></connection>
107+
</transport>
108+
</kendo-pivotdatasource>
109+
110+
<kendo-pivotconfigurator name="configurator"
111+
filterable="true"
112+
height="570"
113+
datasource-id="pivotSource">
114+
</kendo-pivotconfigurator>
115+
116+
<kendo-pivotgrid name="pivotgrid"
117+
filterable="true"
118+
column-width="200"
119+
height="570"
120+
datasource-id="pivotSource">
121+
<sortable enabled="true" />
122+
</kendo-pivotgrid>
123+
```
124+
{% endif %}
77125

78126
The following image demonstrates the output from the previous example.
79127

‎docs-aspnet/html-helpers/data-management/pivotgrid/export/excel-export.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,13 @@ To apply customizations during the export to Excel:
4040
.Height(570)
4141
)
4242
```
43+
```TagHelper
44+
<kendo-pivotgrid name="configurator"
45+
filterable="true"
46+
on-excel-export="excelExport"
47+
height="570">
48+
</kendo-pivotgrid>
49+
```
4350
4451
1. In the handler, manipulate the generated workbook. The example alternates the [background color of the rows cells](https://docs.telerik.com/kendo-ui/api/javascript/ooxml/workbook/configuration/sheets.rows.cells.background).
4552

‎docs-aspnet/html-helpers/data-management/pivotgrid/overview.md‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -91,9 +91,19 @@ To configure the PivotGrid for Ajax binding to an **Adventure Works** cube that
9191
<connection catalog="Adventure Works DW 2008R2" cube="Adventure Works"></connection>
9292
</transport>
9393
</kendo-pivotdatasource>
94-
<kendo-pivotconfigurator name="configurator" datasource-id="pivotSource">
94+
95+
<kendo-pivotconfigurator name="configurator"
96+
filterable="true"
97+
height="570"
98+
datasource-id="pivotSource">
9599
</kendo-pivotconfigurator>
96-
<kendo-pivotgrid name="pivotgrid" datasource-id="pivotSource">
100+
101+
<kendo-pivotgrid name="pivotgrid"
102+
filterable="true"
103+
column-width="200"
104+
height="570"
105+
datasource-id="pivotSource">
106+
<sortable enabled="true" />
97107
</kendo-pivotgrid>
98108
```
99109
{% else %}

‎docs-aspnet/html-helpers/data-management/pivotgrid/templates.md‎

Lines changed: 61 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,28 @@ In the data cell template, you can use the following fields:
4848
# } #
4949
</script>
5050
```
51+
{% if site.core %}
52+
```TagHelper
53+
<kendo-pivotgrid name="pivotgrid"
54+
column-width="200"
55+
height="570"
56+
datacell-template-id="dataCellTemplate">
57+
// Other configuration.
58+
</kendo-pivotgrid>
59+
60+
<script id="dataCellTemplate" type="text/x-kendo-tmpl">
61+
# var columnMember = columnTuple ? columnTuple.members[0] : { children: [] }; #
62+
# var rowMember = rowTuple ? rowTuple.members[0] : { children: [] }; #
63+
# var value = kendo.toString(kendo.parseFloat(dataItem.value) || "N/A", "c2"); #
64+
65+
# if (columnMember.children.length || rowMember.children.length) { #
66+
<em style="color: red">#: value # (total)</em>
67+
# } else { #
68+
#: value #
69+
# } #
70+
</script>
71+
```
72+
{% endif %}
5173

5274
## Column Header Template
5375

@@ -63,7 +85,7 @@ In the column header template, you can use the following fields:
6385
.ColumnWidth(200)
6486
.Height(570)
6587
.ColumnHeaderTemplateId("headerTemplate")
66-
// other configuration settings
88+
// Other configuration.
6789
)
6890
6991
<script id="headerTemplate" type="text/x-kendo-tmpl">
@@ -74,6 +96,24 @@ In the column header template, you can use the following fields:
7496
# } #
7597
</script>
7698
```
99+
{% if site.core %}
100+
```TagHelper
101+
<kendo-pivotgrid name="pivotgrid"
102+
column-width="200"
103+
height="570"
104+
column-header-template-id="headerTemplate">
105+
// Other configuration.
106+
</kendo-pivotgrid>
107+
108+
<script id="headerTemplate" type="text/x-kendo-tmpl">
109+
# if (!member.children.length) { #
110+
<em>#: member.caption #</em>
111+
# } else { #
112+
#: member.caption #
113+
# } #
114+
</script>
115+
```
116+
{% endif %}
77117

78118
## Row Header Template
79119

@@ -88,8 +128,8 @@ In the row header template, you can use the following fields:
88128
.Name("pivotgrid")
89129
.ColumnWidth(200)
90130
.Height(570)
91-
.ColumnHeaderTemplateId("headerTemplate")
92-
// other configuration settings
131+
.RowHeaderTemplateId("headerTemplate")
132+
// Other configuration.
93133
)
94134
95135
<script id="headerTemplate" type="text/x-kendo-tmpl">
@@ -100,6 +140,24 @@ In the row header template, you can use the following fields:
100140
# } #
101141
</script>
102142
```
143+
{% if site.core %}
144+
```TagHelper
145+
<kendo-pivotgrid name="pivotgrid"
146+
column-width="200"
147+
height="570"
148+
row-header-template-id="headerTemplate">
149+
// Other configuration.
150+
</kendo-pivotgrid>
151+
152+
<script id="headerTemplate" type="text/x-kendo-tmpl">
153+
# if (!member.children.length) { #
154+
<em>#: member.caption #</em>
155+
# } else { #
156+
#: member.caption #
157+
# } #
158+
</script>
159+
```
160+
{% endif %}
103161

104162
## See Also
105163

‎docs-aspnet/html-helpers/diagrams-and-maps/orgchart/binding/local-binding.md‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,66 @@ The following example demonstrates how to bind the OrgChart to a JSON array avai
7575
});
7676
</script>
7777
```
78+
{% if site.core %}
79+
```TagHelper
80+
<kendo-orgchart name="orgchart"></kendo-orgchart>
81+
82+
<script>
83+
$(document).ready(function () {
84+
var employees = [
85+
{
86+
"ID": 1,
87+
"Name": "Daryl Sweeney",
88+
"Position": "CEO",
89+
},
90+
{
91+
"ID": 2,
92+
"ParentID": 1,
93+
"Name": "Guy Wooten",
94+
"Position": "Chief Technical Officer",
95+
},
96+
{
97+
"ID": 3,
98+
"ParentID": 1,
99+
"Name": "Priscilla Frank",
100+
"Position": "Chief Product Officer",
101+
},
102+
{
103+
"ID": 4,
104+
"ParentID": 3,
105+
"Name": "Ursula Holmes",
106+
"Position": "EVP, Product Strategy",
107+
},
108+
{
109+
"ID": 5,
110+
"ParentID": 1,
111+
"Name": "Anika Vega",
112+
"Position": "Chief Process Officer",
113+
}
114+
];
115+
116+
var orgchart = $("#orgchart").data("kendoOrgChart");
117+
var dataSource = new kendo.data.OrgChartDataSource({
118+
data: employees,
119+
schema: {
120+
model: {
121+
id: "ID",
122+
parentId: "ParentID",
123+
expanded: true,
124+
fields: {
125+
Id: { type: "number", editable: false, nullable: false },
126+
title: { field: "Position", nullable: true },
127+
name: { field: "Name" }
128+
}
129+
}
130+
}
131+
});
132+
133+
orgchart.setDataSource(dataSource);
134+
});
135+
</script>
136+
```
137+
{% endif %}
78138

79139
## See Also
80140

0 commit comments

Comments
 (0)