Skip to content

Commit 6c44cb1

Browse files
committed
934883: Test and resolve issues in UG all sections - ASP core MVC Dashboard Layout control.
1 parent 0b1000e commit 6c44cb1

14 files changed

+56
-56
lines changed

ej2-asp-core-mvc/dashboard-layout/EJ2_ASP.MVC/getting-started.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ Now, add the Syncfusion<sup style="font-size:70%">&reg;</sup> ASP.NET MVC Dashbo
9494

9595
You can render the Dashboard Layout control by adding the panels property as the attribute to the content template. Add the content template with panel definition for Dashboard Layout into your **index.cshtml** page which is present under **Views/Home** folder.
9696

97-
In the following sample, the dashboard layout is rendered with [Panels](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Layouts.DashboardLayout.html#Syncfusion_EJ2_Layouts_DashboardLayout_Panels) property using content template.
97+
In the following sample, the Dashboard Layout is rendered with [Panels](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Layouts.DashboardLayout.html#Syncfusion_EJ2_Layouts_DashboardLayout_Panels) property using content template.
9898

9999
{% tabs %}
100100
{% highlight razor tabtitle="CSHTML" %}
@@ -113,7 +113,7 @@ Press <kbd>Ctrl</kbd>+<kbd>F5</kbd> (Windows) or <kbd>⌘</kbd>+<kbd>F5</kbd> (m
113113

114114
You can render the Dashboard Layout control by using the **panels** property through helper.
115115

116-
In the following sample, the dashboard layout is rendered with [Panels](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Layouts.DashboardLayout.html#Syncfusion_EJ2_Layouts_DashboardLayout_Panels) property using tag helper.
116+
In the following sample, the Dashboard Layout is rendered with [Panels](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Layouts.DashboardLayout.html#Syncfusion_EJ2_Layouts_DashboardLayout_Panels) property using tag helper.
117117

118118
{% tabs %}
119119
{% highlight razor tabtitle="CSHTML" %}

ej2-asp-core-mvc/dashboard-layout/accessibility.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Accessibility in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Accessibility in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Accessibility in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Accessibility in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Accessibility
77
publishingplatform: ##Platform_Name##
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
# Accessibility
1313

14-
The Dashboard Layout component has been designed with keeping the `WAI-ARIA` specifications in mind and applying the `WAI-ARIA` roles, states, and properties. This component is characterized by ARIA accessibility support, which makes navigation easy for people who use assistive technologies (AT).
14+
The Dashboard Layout control has been designed with keeping the `WAI-ARIA` specifications in mind and applying the `WAI-ARIA` roles, states, and properties. This control is characterized by ARIA accessibility support, which makes navigation easy for people who use assistive technologies (AT).
1515

1616
## ARIA attributes
1717

ej2-asp-core-mvc/dashboard-layout/adaptive-layout.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Adaptive Layout in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Adaptive Layout in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Adaptive Layout in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Adaptive Layout in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Adaptive Layout
77
publishingplatform: ##Platform_Name##
@@ -13,7 +13,7 @@ documentation: ug
1313

1414
The control is provided with built-in responsive support, where panels within the layout get adjusted based on their parent element's dimensions to accommodate any resolution which relieves the burden of building responsive dashboards.
1515

16-
The dashboard layout is designed to automatically adapt with lower resolutions by transforming the entire layout into a stacked one, so that the panels will be displayed in a vertical column. By default, whenever the screen resolution meets 600px or lower resolutions this layout transformation occurs. This transformation can be modified for any user defined resolution by defining the [`mediaQuery`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~MediaQuery.html) property of the component.
16+
The Dashboard Layout is designed to automatically adapt with lower resolutions by transforming the entire layout into a stacked one, so that the panels will be displayed in a vertical column. By default, whenever the screen resolution meets 600px or lower resolutions this layout transformation occurs. This transformation can be modified for any user defined resolution by defining the [`mediaQuery`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~MediaQuery.html) property of the control.
1717

1818
The following sample demonstrates the usage of the [`mediaQuery`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~MediaQuery.html) property to turn out the layout into a stacked one in user defined resolution. Here, whenever the window size reaches 700px or lesser, the layout becomes a stacked layout.
1919

ej2-asp-core-mvc/dashboard-layout/configuring-layout.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Configuring Layout in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Configuring Layout in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Configuring Layout in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Configuring Layout in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Configuring Layout
77
publishingplatform: ##Platform_Name##
@@ -13,7 +13,7 @@ documentation: ug
1313

1414
The entire layout dimensions are assigned based on the height and width of the parent element. Hence, a responsive or static layout can be created by assigning a percentage or static dimension values to the parent element. The layout adapts to mobile resolutions by transforming the entire layout into a stacked orientation, so that, the panels will be displayed in a vertical column.
1515

16-
The **Dashboard Layout** is a grid structured component which can be split into subsections of equal size known as cells. The total number of cells in each row is defined by using the [`columns`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~Columns.html) property of the component. The width of each cell will be auto calculated based on the total number of cells placed in a row and the height of a cell will be same as that of its width. However, the height of these cells can also be configured to any desired size using the [`cellAspectRatio`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~CellAspectRatio.html) property (cellwidth/cellheight ratio) which defines the cell width to height ratio.
16+
The **Dashboard Layout** is a grid structured control which can be split into subsections of equal size known as cells. The total number of cells in each row is defined by using the [`columns`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~Columns.html) property of the control. The width of each cell will be auto calculated based on the total number of cells placed in a row and the height of a cell will be same as that of its width. However, the height of these cells can also be configured to any desired size using the [`cellAspectRatio`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~CellAspectRatio.html) property (cellwidth/cellheight ratio) which defines the cell width to height ratio.
1717

1818
The number of rows within the layout has no limits and can have any number of rows based on the panels count and position. Panels which acts as data containers will be placed or positioned over these cells.
1919

@@ -111,7 +111,7 @@ In the following sample, the gridlines indicate the cells split-up of the layout
111111

112112
![Graphical representation of the layout](./images/graphical_representation.PNG)
113113

114-
## Rendering component in right-to-left direction
114+
## Rendering control in right-to-left direction
115115

116116
It is possible to render the Dashboard Layout in right-to-left direction by setting the [enableRtl](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~EnableRtl.html) API to true.
117117

ej2-asp-core-mvc/dashboard-layout/floating-panel.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Floating Panel in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Floating Panel in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Floating Panel in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Floating Panel in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Floating Panel
77
publishingplatform: ##Platform_Name##
@@ -11,9 +11,9 @@ documentation: ug
1111

1212
# Floating panels
1313

14-
The floating functionality of the component allows to effectively use the entire layout for the panel's placement. If the floating functionality is enabled, the panels within the layout get floated upwards automatically to occupy the empty cells available in previous rows. This functionality can be enabled or disabled using the [`allowFloating`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowFloating.html) property of the component.
14+
The floating functionality of the control allows to effectively use the entire layout for the panel's placement. If the floating functionality is enabled, the panels within the layout get floated upwards automatically to occupy the empty cells available in previous rows. This functionality can be enabled or disabled using the [`allowFloating`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowFloating.html) property of the control.
1515

16-
The following sample demonstrates how to enable or disable the floating of panels in the DashboardLayout component using [`allowFloating`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowFloating.html) property.
16+
The following sample demonstrates how to enable or disable the floating of panels in the DashboardLayout control using [`allowFloating`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowFloating.html) property.
1717

1818
{% if page.publishingplatform == "aspnet-core" %}
1919

ej2-asp-core-mvc/dashboard-layout/interaction-with-panels/dragging-of-panels.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
---
22
layout: post
3-
title: Dragging Of Panels in ##Platform_Name## Dashboard Layout Component | Syncfusion
4-
description: Learn here all about Dragging Of Panels in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Dragging Of Panels in ##Platform_Name## Dashboard Layout control | Syncfusion
4+
description: Learn here all about Dragging Of Panels in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Dragging Of Panels
77
publishingplatform: ##Platform_Name##
88
documentation: ug
99
---
1010

1111

12-
# Dragging of Panels in ##Platform_Name## Dashboard Layout Component
12+
# Dragging of Panels in ##Platform_Name## Dashboard Layout control
1313

14-
The Dashboard Layout component is provided with dragging functionality to drag and reorder the panels within the layout. While dragging a panel, a holder will be highlighted below the panel indicating the panel placement on panel drop. This helps the user to decide whether to place the panel in the current position or revert to previous position without disturbing the layout.
14+
The Dashboard Layout control is provided with dragging functionality to drag and reorder the panels within the layout. While dragging a panel, a holder will be highlighted below the panel indicating the panel placement on panel drop. This helps the user to decide whether to place the panel in the current position or revert to previous position without disturbing the layout.
1515

1616
If one or more panels collide while dragging, then the colliding panels will be pushed towards the left or right or top or bottom direction where an adaptive space for the collided panel is available. The position changes of these collided panels will be updated dynamically during dragging of a panel, so the user can conclude whether to place the panel in the current position or not.
1717

18-
While dragging a panel in Dashboard layout the following dragging events will be triggered,
18+
While dragging a panel in Dashboard Layout the following dragging events will be triggered,
1919
* [`dragStart`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~DragStart.html) - Triggers when panel drag starts
2020
* [`drag`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~Drag.html) - Triggers when panel is being dragged
2121
* [dragStop](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~DragStop.html) - Triggers when panel drag stops

ej2-asp-core-mvc/dashboard-layout/interaction-with-panels/moving-panels.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Moving Panels in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Moving Panels in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Moving Panels in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Moving Panels in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Moving Panels
77
publishingplatform: ##Platform_Name##

ej2-asp-core-mvc/dashboard-layout/interaction-with-panels/resizing-of-panels.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Resizing Of Panels in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Resizing of Panels in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Resizing Of Panels in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Resizing of Panels in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Resizing Of Panels
77
publishingplatform: ##Platform_Name##
@@ -11,11 +11,11 @@ documentation: ug
1111

1212
# Resizing of panels
1313

14-
The DashboardLayout component is also provided with the panel resizing functionality which can be enabled or disabled using the [`allowResizing`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowResizing.html) property. This functionality allows you to resize the panels dynamically through UI interactions using the resizing handlers, which controls the panel resizing in various directions.
14+
The DashboardLayout control is also provided with the panel resizing functionality which can be enabled or disabled using the [`allowResizing`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~AllowResizing.html) property. This functionality allows you to resize the panels dynamically through UI interactions using the resizing handlers, which controls the panel resizing in various directions.
1515

1616
Initially, the panels can be resized only in south-east direction. However, panels can also be resized in east, west, north, south, and south-west directions by defining the required directions with the [`resizableHandles`](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~ResizableHandles.html) property.
1717

18-
On resizing a panel in Dashboard layout the following events will be triggered,
18+
On resizing a panel in Dashboard Layout the following events will be triggered,
1919
* [resizeStart](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~ResizeStart.html) - Triggers when panel resize starts
2020
* [resize](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~Resize.html) - Triggers when panel is being resized
2121
* [resizeStop](https://help.syncfusion.com/cr/cref_files/aspnetcore-js2/Syncfusion.EJ2~Syncfusion.EJ2.Layouts.DashboardLayout~ResizeStop.html) - Triggers when panel resize stops

ej2-asp-core-mvc/dashboard-layout/overview.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Overview in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about Overview in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Overview in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about Overview in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Index
77
publishingplatform: ##Platform_Name##
@@ -10,7 +10,7 @@ documentation: ug
1010

1111
# Overview
1212

13-
The **DashboardLayout** is a grid structured layout control that helps to create a dashboard with panels. Panels hold the UI components and allows to resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
13+
The **DashboardLayout** is a grid structured layout control that helps to create a dashboard with panels. Panels hold the UI controls and allows to resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the controls at the desired position within the grid layout.
1414

1515
## Key features
1616

ej2-asp-core-mvc/dashboard-layout/panels/add-remove-panels.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Add Remove Panels in ##Platform_Name## Dashboard Layout Component
4-
description: Learn here all about how to add or remove panels in Syncfusion ##Platform_Name## Dashboard Layout component of Syncfusion Essential JS 2 and more.
3+
title: Add Remove Panels in ##Platform_Name## Dashboard Layout control
4+
description: Learn here all about how to add or remove panels in Syncfusion ##Platform_Name## Dashboard Layout control of Syncfusion Essential JS 2 and more.
55
platform: ej2-asp-core-mvc
66
control: Add Remove Panels
77
publishingplatform: ##Platform_Name##
@@ -11,7 +11,7 @@ documentation: ug
1111

1212
# Adding and removing panels dynamically
1313

14-
In real-time cases, the data being presented within the dashboard should be updated frequently which includes adding or removing the data dynamically within the dashboard. This can be easily achieved by using the `addPanel` and `removePanel` public methods of the component.
14+
In real-time cases, the data being presented within the dashboard should be updated frequently which includes adding or removing the data dynamically within the dashboard. This can be easily achieved by using the `addPanel` and `removePanel` public methods of the control.
1515

1616
## Add or remove panels dynamically
1717

@@ -24,7 +24,7 @@ dashboard.removeAll();
2424

2525
```
2626

27-
The following sample demonstrates how to add and remove the panels dynamically in the dashboard layout component. Here, panels can be added in any desired position of required size by selecting them in the numeric boxes and clicking add button and remove them by selecting the ID of the panel.
27+
The following sample demonstrates how to add and remove the panels dynamically in the Dashboard Layout control. Here, panels can be added in any desired position of required size by selecting them in the numeric boxes and clicking add button and remove them by selecting the ID of the panel.
2828

2929
{% if page.publishingplatform == "aspnet-core" %}
3030

0 commit comments

Comments
 (0)