Monday, January 19, 2009

CSS: inheritance with GWT

We are using CSS to represent system metrics in the form of colored columns in a graph




Define CSS styles as below:


.graph_column {
vertical-align: top;
width: 6px;
border-left: 1px;
border-top: 1px;
border-right: 1px gray solid;
border-bottom: 1px gray solid;
cursor: pointer;
}

.bg_red {
background-color: red;
}

.bg_red {
background-color: red;
}
...



Here is how you use it in GWT code:

column.setStyleName("graph_column bg_red");
...
column.setStyleName("graph_column bg_green");


CLICK HERE for useful html color palette