Using different skins in DhtmlxDataView

Hi…
How can i use different skins in dataview…, i want to look my dataview as shown in figure 1…, i tried to copy its background and change in my dataview but it looks like in figure 2…, can u please suggest how can i make my data view look like that off in figure 1…

Thanks
Seenu




Dataviews in live demo:
dhtmlx.com/docs/products/dhtmlxD … ndex.shtml
have different type: height,width template and css properties. Using type:{template:…} you may define the layout of item properties.

type:{css:…} defines class name for items. By default, dataview items have dhx_dataview_item and
dhx_dataview_item_selected for selected item

If the css is set, for example:
type:{
css: “mycss”
template;…
}
dataview item will get addition class:
dhx_dataview_mycss_item and dhx_dataview_mycss_item_selected for selected state.

So, in live demo dataviews are initialized with different “css” dish1, dish2 and dish3. The css classes for dish1 are:

.dhx_dataview_dish1_item, .dhx_dataview_dish1_item_selected {
background-image:url("./images/bg_1.gif");
background-repeat:no-repeat;
cursor:default;
height:136px;
width:577px;
}
.dhx_dataview_dish1_item_selected, .dhx_dataview_dish2_item_selected, .dhx_dataview_dish3_item_selected {
background-position:0 -136px;
}