Wanna share what we all learn about Kendo and CSS?

BLOMASKY

Since I am pretty sure none (or very very few) of us are competing with each other. And pretty sure that we are all mucking around Kendo figuring out how to customize our UI, Can I suggest that we share any common CSS hacks of the Kendo CSS that we have found to customize the look.

Being quite illitirate with CSS, I have only figured out how to:

1) center headings in a grid:
.k-header th { text-align: center !important; }

2) Right justify column summaries:
.k-footer-template { text-align: right !important; }

But sure you smart kids have done much more....

aware_support

A word of advice - do NOT modify Kendo UI styles, but provide your own overrides instead. If you are modifying a grid in a query, for example, assign your own CSS class to the query (there is a dialog for this) and then override Kendo UI styles in this class.

See the Sales Portal app and its CSS file.

BLOMASKY

Mr. support sir,

You suggest attaching a css to each grid that I want to override, but if I want to globally change things, (like changing hover color, aligning headings / footers, etc., is there anything wrong with just adding a css file to the custom/css folder and thatway all forms, queries, etc. will use that?

bruce

aware_support

You can do both. In your custom CSS file that you put into Custom/CSS you can override Kendo styles (but do NOT modify it directly in Kendo files) - this will apply to all grids. And you can also change individual grids in the same file.