Styles for Pivot TableCurrently we are working on styles for the Pivot Table component. The most convenient way of defining styles from our point of view is to use CSS for this purpose. This comes of our Flex experience, being a classic decision for Flex components. External css file with set of styles will give the ability to customize the following properties of the Pivot Table:
Table {
backgroundColor: #FCFCEE;
backgroundGradientColors: #8CFCEE, #F7F7D2;
borderColor: #B4BD3C;
cornerRadius: 10;
marginLeft: 10;
marginTop: 10;
marginRight: 10;
marginBottom: 10;
cellHeight: 24;
cellWidth: 100;
levelOffset: 40;
headerTextFormat: "headerTextFormat";
cellTextFormat: "cellTextFormat";
}
.headerTextFormat {
fontFamily: "Tahoma";
fontSize: 12;
fontWeight: bold;
color: #FFFFFF;
textIndent: 20;
backgroundColor: #B4BD3C;
}
.cellTextFormat {
fontFamily: "Arial";
fontSize: 12;
fontStyle: italic;
color: #000000;
backgroundColor: #F7F7D2;
overColor: #B4BD3C;
}
In the nearest future we are going to make a live demo of the new Pivot Table version.
We would really like to know your opinions on which Pivot Table properties it might be useful to define as styles and customize externally. Every feedback is greatly appreciated!