Skip to content

Commit 66c3f96

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 616f7b3 commit 66c3f96

File tree

17 files changed

+87
-12
lines changed

17 files changed

+87
-12
lines changed

docs-aspnet/html-helpers/data-management/grid/binding/overview.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,18 @@ The following table lists the basic feature differences between the server and A
3030
|**Full-Page Updates** |The Grid makes HTTP GET requests to ASP.NET MVC action methods which cause a full-page refresh. |The Grid makes Ajax requests which cause partial page update. The Grid retrieves only the data needed for the current page.|
3131
{% endif %}
3232

33+
## Loading Overlay Types
34+
35+
The Telerik UI Grid for {{ site.framework }} exposes two types of loading indicators:
36+
37+
* The `GridLoaderType.LoadingPanel` adds an overlay element with a loading spinner over the main content of the Grid. This is the default type.
38+
39+
* The `GridLoaderType.Skeleton` uses the [SkeletonContainer widget]({% slug overview_kendoui_skeletoncontainer_widget %}) to show a simplified preview of each of the grid's cells. The `Skeleton` loading type aims at helping the user gain an idea of what the content would look like when the loading completes. It also makes the page load time appear shorter.
40+
41+
Check the `Skeleton` loading type in action in the live demo below:
42+
43+
* [Skeleton Loading Type Demo](https://demos.telerik.com/{{ site.platform }}/skeletoncontainer/grid-integration)
44+
3345
## See Also
3446

3547
* [Remote Ajax Binding by the Grid HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/remote-data-binding)

docs/api/javascript/ui/dialog.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -566,6 +566,12 @@ Possible values are:
566566

567567
## Methods
568568

569+
### center
570+
571+
Centers the Dialog within the viewport.
572+
#### Returns
573+
574+
`kendo.ui.Dialog` - Returns the Dialog object to support chaining.
569575
### close
570576

571577
Closes a Dialog.

docs/controls/data-management/grid/binding/data-binding.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -283,6 +283,18 @@ The following example demonstrates how to fully customize the Grid by applying a
283283
</style>
284284
```
285285

286+
## Loading Overlay Types
287+
288+
The Kendo UI Grid exposes two types of loading indicators:
289+
290+
* The `loadingPanel` adds an overlay element with a loading spinner over the main content of the Grid. This is the default type.
291+
292+
* The `skeleton` uses the [SkeletonContainer widget]({% slug overview_kendoui_skeletoncontainer_widget %}) to show a simplified preview of each of the grid's cells. The `skeleton` loading type aims at helping the user gain an idea of what the content would look like when the loading completes. It also makes the page load time appear shorter.
293+
294+
Check the `skeleton` loading type in action in the live demo below:
295+
296+
* [Skeleton Loading Type Demo](https://demos.telerik.com/kendo-ui/skeletoncontainer/grid-integration)
297+
286298
## KB Articles on Remote Data Binding
287299

288300
* [Binding the Grid to XML Data]({% slug howto_bindgridtoxmldata_grid %})
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
title: Overview
3+
page_title: jQuery CircularGauge Documentation | CircularGauge Overview
4+
description: "Get started with the jQuery CircularGauge by Kendo UI and learn how to create, initialize, and enable the widget."
5+
slug: overview_kendoui_circulargaugewidget
6+
position: 1
7+
---
8+
9+
# CircularGauge Overview
10+
11+
12+
## Initializing the CircularGauge
13+
14+
15+
16+
## See Also
17+
18+
* [Basic Usage of the CircularGauge (Demo)](https://demos.telerik.com/kendo-ui/circular-gauge/index)
19+
* [JavaScript API Reference of the LinearGauge](/api/javascript/dataviz/ui/circulargauge)

styles/web/Default/taskboard/_layout.less

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -127,6 +127,10 @@
127127
align-items: center;
128128
}
129129

130+
.k-taskboard-pane-header-text {
131+
word-break: break-word;
132+
}
133+
130134
.k-taskboard-pane-header-actions {
131135
align-self: flex-start;
132136
flex-shrink: 0;

styles/web/Default/taskboard/_theme.less

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,10 @@
3333
);
3434
}
3535

36+
.k-taskboard-column-header-text {
37+
.fill( @text: @taskboard-column-header-text );
38+
}
39+
3640
// Preview/Edit Pane
3741
.k-taskboard-pane {
3842
.fill (

styles/web/kendo.common-fiori.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -947,7 +947,7 @@
947947
@taskboard-column-cards-padding-x: 0;
948948
@taskboard-column-cards-gap: calc(@taskboard-spacer / 2);
949949

950-
@taskboard-column-new-calc-height: calc( @input-offset + (@taskboard-column-header-padding-y * 2) );
950+
@taskboard-column-new-calc-height: calc( @input-offset + (@taskboard-column-header-padding-y * 2) + 1em);
951951

952952
@taskboard-pane-width: @taskboard-column-width;
953953
@taskboard-pane-padding-y: @taskboard-spacer;

styles/web/type-bootstrap.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -995,6 +995,8 @@
995995
@taskboard-column-focus-text: null;
996996
@taskboard-column-focus-border: shade( @component-border, 20% );
997997

998+
@taskboard-column-header-text: @component-text;
999+
9981000
@taskboard-pane-bg: @component-bg;
9991001
@taskboard-pane-text: @component-text;
10001002
@taskboard-pane-border: @component-border;

styles/web/type-default.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -980,6 +980,8 @@
980980
@taskboard-column-focus-text: null;
981981
@taskboard-column-focus-border: shade( @component-border, 20% );
982982

983+
@taskboard-column-header-text: @component-text;
984+
983985
@taskboard-pane-bg: @component-bg;
984986
@taskboard-pane-text: @component-text;
985987
@taskboard-pane-border: @component-border;

styles/web/type-fiori.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -988,6 +988,8 @@
988988
@taskboard-column-focus-text: null;
989989
@taskboard-column-focus-border: shade( @component-border, 20% );
990990

991+
@taskboard-column-header-text: @component-text;
992+
991993
@taskboard-pane-bg: @component-bg;
992994
@taskboard-pane-text: @component-text;
993995
@taskboard-pane-border: @component-border;

0 commit comments

Comments
 (0)