Skip to content

Commit 117ee90

Browse files
committed
Adding "Fluid and Elastic" article for RadPivotGrid
1 parent 80cc8fe commit 117ee90

File tree

2 files changed

+41
-1
lines changed

2 files changed

+41
-1
lines changed
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
---
2+
title: Fluid and Elastic Capabilities
3+
page_title: Fluid and Elastic Capabilities | RadPivotGrid for ASP.NET AJAX Documentation
4+
description: Fluid and Elastic Capabilities
5+
slug: pivotgrid/mobile-support/fluid-and-elastic-capabilities
6+
tags: fluid,and,elastic,capabilities
7+
published: True
8+
position: 1
9+
---
10+
11+
# Fluid and Elastic Capabilities
12+
13+
**RadPivotGrid** control provides elastic and fluid capabilities which allow keeping the control’s component proportion on different mobile devices.
14+
15+
## Fluid capability
16+
17+
By default **RadPivotGrid** expands to take all the available space in its container (100% of the container) which makes it **Fluid**.
18+
19+
20+
## Elastic capability
21+
22+
**Elastic behavior** - When you use the **RadPivotGrid** **RenderMode** property to **Leightweight**, changing the font-size for the RadPivotGrid wrapper will resize the control elements accordingly. This is usually achieved by using em units for font-size and padding settings.
23+
24+
To change the font-size for RadPivotGrid you can use the code snippet below:
25+
26+
````ASPNET
27+
<style type="text/css">
28+
div.RadPivotGrid,
29+
div.PivotGridWindow
30+
{
31+
font-size: 1.2em;
32+
}
33+
</style>
34+
````
35+
36+
>note RadPivotGrid does not take care of the metrics of the controls that are place in it. This means that if you simply change its font-size that won’t affect the child controls in the template. They should be handled manually.
37+
>
38+

mobile-support/responsive,-adaptive-and-elastic-capabilities.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ A control can hardly be considered responsive by itself, because this heavily de
6565
|OrgChart|Yes|N/A|N/A|N/A|
6666
|PanelBar|Yes|Yes|N/A|N/A|
6767
|Persistence Framework|N/A|N/A|N/A|N/A|
68-
|PivotGrid|No|Yes|No|No|
68+
|PivotGrid|[Yes]({%slug pivotgrid/mobile-support/fluid-and-elastic-capabilities%})|[Yes]({%slug pivotgrid/mobile-support/fluid-and-elastic-capabilities%})|No|No|
6969
|Progress Area|No|No|No|No|
7070
|Progress Bar|[Yes]({%slug progressbar/mobile-support/elastic-design%})|[Yes]({%slug progressbar/mobile-support/fluid-design%})|[Yes]({%slug progressbar/mobile-support/elastic-design%})|No|
7171
|Rating|[Yes]({%slug rating/mobile-support/elastic-design%})|No|No|N/A|
@@ -126,6 +126,8 @@ A control can hardly be considered responsive by itself, because this heavily de
126126
/* Menu */ html .RadMenu,
127127
/* Notification */ html .RadNotification,
128128
/* PanelBar */ html .RadPanelBar,
129+
/^ PivotGrid */ html .RadPivotGrid,
130+
html .PivotGridWindow,
129131
/* ProgressBar */ html .RadProgressBar,
130132
/* Rating */ html .RadRating,
131133
/* Rotator */ html .RadRotator,

0 commit comments

Comments
 (0)