I was using v2 of the default theme and have upgraded to the latest kendo-theme-default (3.7.0) scss (material and bootstrap as well for testing) and when I am creating a kendoGridDetailTemplate inside of my grid, if no data is returned, it is cutting off the "no data available" as seen in the picture. Is this a bug or am I missing something? Does the same in default, material, and bootstrap scss themes.
If I change it to "kendoGridDetailTemplate" instead of "*kendoGridDetailTemplate" it displays the whole title. HOWEVER, it will not show the + or - button.
my grid setup
<kendo-grid [data]="view | async">
<kendo-grid-column field="customerName" title="Customer Name"></kendo-grid-column>
<div *kendoGridDetailTemplate="let dataItem">
<ifp-proposal (dialogOpen)="openIFPDialog($event)" [searchOptions]="searchOptions" [Customer]="dataItem"></ifp-proposal>
</div>
</kendo-grid>
scss i'm using:
@import '~bootstrap/scss/bootstrap';
@import "~@progress/kendo-theme-default/scss/panelbar";
@import "~@progress/kendo-theme-default/scss/grid";
@import "~@progress/kendo-theme-default/scss/multiselect";
@import "~@progress/kendo-theme-default/scss/switch";
@import "~@progress/kendo-theme-default/scss/datetime";
1 Answer, 1 is accepted
I will paste the response from the private support thread with the same subject here, so other members of the community can benefit too:
Indeed, there was an issue with the Grid No Data Template positioning (not related to the master-detail functionality, but also observable with regular Grids with no data):
https://github.com/telerik/kendo-themes/issues/781
It is already fixed, and you can try the latest development version of the theme, e.g.:
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-theme-default@dev/dist/all.css" />https://stackblitz.com/edit/angular-aderl2?file=index.html
We apologize for all inconvenience caused.
Regards,
Dimiter Topalov
Progress Telerik