Questions on Kendo UI for jQuery Forum

1 question

1 answer

88 views

Bootstrap 3 dropdown button in grid row after upgrading from less to sass

Hi Support.

I recently upgraded a jquery/bootstrap 3/kendoui project from less to sass, and have a bootstrap 3 dropdown button in grid row/cell that is being hidden by the grid pager. See screenshot.

The code below I used in the grid databound event in less to fix the "is hidden issue" no longer works in sass:

var style = document.createElement('style');
document.head.appendChild(style);
if (this.dataSource.data().length > 0) {
    style.sheet.insertRule('#versions-grid .k-grid-content, #versions-grid tr td {overflow: visible}', 0);
} else {
    style.sheet.insertRule('#versions-grid .k-grid-content, #versions-grid tr td {overflow: hidden}', 0);
}

Any ideas?