Skip to main content

css

adds a CSS class(es) to the component

css?: string;

Example

<style>    .bg-gray {        background: #efefef;    }</style> var dataview = new dhx.DataView("dataview", {itemsInRow: 5, css: "bg-gray"});

Related samples:

If you want to apply your own styles for selection of items or focus, you can do it via the corresponding CSS classes: .dhx_dataview-item--selected and .dhx_dataview-item--focus. There is no need to use any additional custom classes.

<style>    .dhx_dataview-item--selected {        border-color: transparent;        box-shadow: 0px 1px 5px 0px rgb(2, 136, 209, 0.5),             inset 0px 0px 0px 1px rgb(2, 136, 209, 1);    }</style> var dataview = new dhx.DataView("dataview", {itemsInRow: 3});

Note, that the DHTMLX library provides a set of own CSS classes that you can also apply to change the appearance of DataView:

var dataview = new dhx.DataView("dataview", {    css: "dhx_widget--bg_gray"});