Custom Theme- Change Background Color for Grid.

[luthriaajay]

Folks

1) I have created a new Skin for my application called MySkin
(I followed the steps in SmartGWT_Quick_Start_Guide.pdf,page 79)
and copied the Enterprise skin in a folder called MySkin.

Folder:
C:\SmartGWT\smartgwt-3.1 \MySkin\com\myskin\theme\Enterprise\public\sc\skins\Enterprise

2) Edited the load_skin.js to:

isc.Page.setSkinDir("[ISOMORPHIC]/skins/MySkin/");

and renamed Enterprise.gwt.xml to MySkin.gwt.xml

3) I modified the skin_style.css to give a Black Background color :

/* General */
.pageBackground {
font-family:Arial,sans-serif; font-size:11px;
color:#CCCCCC;
background:rgb(27,25,26) url(./images/Backgrounds/bkgd_blue_arc.jpg) no-repeat scroll;
}

4) Created a jar called MySkin.jar and imported this in my project's build path

5) In my XML file :
ColumnTitles_02.gwt.xml, I added

<inherits name='com.smartgwt.SmartGwt' />
<inherits name='com.myskin.theme.Enterprise.MySkin' />

6) In my ColumnTitles_02.html file:

<link type="text/css" rel="stylesheet" href="skin_styles .css">

Upon execution,the Background color of the Grid does not change to Black at all.It is still grey.

Please advise how to change the Background color of the Grid thru' the CSS sheet only.

Regards
Ajay

[aarathi]

I think there is a "listGrid" style defined. Did you try setting background on it?

[luthriaajay]

Custom Theme- Change Background Color for Grid.

I think there is a "listGrid" style defined. Did you try setting background on it?

Hi Aarathi,

Please can you state where to make the change in the skin_style.css
in order to change the Background color of the ListGrid?

I dont want to make any changes in the Java code; Just a change in
the .css file should display the required changes.

Your help is much appreciated

Ajay

[aarathi]

Try modifying these styles in skin_styles.css

.listGrid {
border: 1px solid #ababab;
}

.gridBody {
background-color: white;
}

.alternateGridBody {
background-color: white;
}