But, it is working only when i give scrollable true. I dont want to give scrollable true. Just want to adjust the column widths as there are so many columns in the grid.Also when the width is getting applied, the text is getting cropped. Is there any option to resize the column so that the text becomes visible? Please suggest.
I have a master/detail grid, editing rows is done by displaying a kendo window. When I close it I call myDataSource.fetch(). It works fine for the master grid/datasource (modifications done in the window are displayed in the grid); but it doesn't work when I edit a detail row (by calling myDetailDataSource.fetch()). Is it a bug or a normal behaviour?
(detail data can be refreshed by calling myDataSource.fetch() but in this case I lose the expanded row...)
We would like to listen to an event on our datasources.
If there are active filters, we would like to be notified, so we can display a filter warning icon on our page.
Likewise, when the filter is updated so there is no actualy filtering anymore, we should be notified as well allowing us to remove the warning icon.
This is important because the user needs to be aware he filtered his data.
When I use the following example code I have no ticks in generated code. But if I change .humidity width to 300px, ticks are back. Then if I add two parameters smallStep:100 and largeStep:1000 tick are not generated once again.
I understand that I can hide or show them using CSS, but I'm interested in having DOM as small as possible, without hundreds of hidden but unnecessary elements. Can ticks be disabled using some parameter?
Thank you so much for your time.
Example code:
<style>
.humidity {position:relative;width:100px;}
.humidity .k-slider-track {background:url('bg-slider-track.png') left center repeat-x;}
.humidity .k-slider-selection {position:relative;height:14px;background:#006fa7;opacity:0.2;}
.humidity .k-draghandle {position:absolute;top:-2px;width:9px;height:18px;background:url('/i/design/icon-slider-handle.png') no-repeat;}
</style>