How to set a background image for dataview component?

Discontinued products DHTMLX Touch
#1

Hi:
I design a html page according to the ‘dataview/04_free_size.html’ sample.
Now the backgroud color is white,I want set a background image for the dataview,
how to accomplish this task.
Thanks.

#2

You can use “css” property ( work for all component )

{ view:"dataview", css:"myclass", ... }

and define

<style> .myclass{ background-color:red; } </style>

#3

Hi:

Using customized css style,the background color was changed.But the foreground coloris also white.How can i set the same color for them.
Below is my code and screenshot.

<style>
   .mydtscc{
    background-image: -moz-linear-gradient(top, #FFF, #e1ebee, #cbdce2);
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#FFF),
		to(#cbdce2), color-stop(50%, #e1ebee) );	
   }
</style>
{
view:"dataview",
type:"FreeSize",
css:"mydtscc",
...
}


#4

You can define custom styles for .dhx_dataview_item css class ( most probably - transparent background )

Also, it possible to define custom css styles for dataview items as well.

view:"dataview", type:{ template:"<span class='dhx_strong'>#Maintainer#</span>#Package# <span class='dhx_light'>#Version#</span>", height:35, css:"class_for_item" },

#5

Hi :
I also define the value of type is ‘FreeSize’,How can i define custom styles for .dhx_dataview_item css class .From your document,item’s styling must be set in type proerty.
Below is my code.

{
view:"dataview",
select:false,
css:"mydtscc",
template:"<span class='dhx_strong'>#Maintainer#</span>#Package# <span class='dhx_light'>#Version#</span>",				
type:"FreeSize",
url:rootPath + "/wap/wapMainPage.do?ctlFlag=showdata",
datatype:"json"				
}
#6

If you are using type FreeSize, items will have extra css class
.dhx_dataview_FreeSize_item
and in selected state
.dhx_dataview_FreeSize_item_selected

You can’t override per-item css if you are using predefined type