Styles for Pivot Table

Currently 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!
 

No comments yet, be the first to comment

or submit a new comment

Welcome to Flexmonster, the first Flash Pivot Table developer!


See blogs for PIVOT

Project Tags Cloud

Blog Authors