Getting Started
Topics
- Wijmo
- Chart
- Map
- Cloud
- Gauge
- Grid
- OLAP
- Input
- Nav
- PDF
- Viewer

Custom Layouts in PivotPanel

PivotPanel with a CSS Grid Layout

The PivotPanel control has a layout that shows the Fields section above the Areas section. This is the default layout used by Excel as well.

The examples below replaces the PivotPanel's default controlTemplate with one that uses a CSS Grid-based layout. This allows you to achieve virtually any layout you want simply by adjusting a few CSS rules.

Stacked (default) Layout

stacked-layout

Side by Side

side-by-side-layout

Custom Layout

custom-layout

Fields Only

fields-only-layout

Areas Only (2 x 2)

areas-only-layout-2x2

Areas Only (1 x 4)

areas-only-layout-1x4

To view to the template of each, refer to Pivot Panel Layout demo.