Group By Header Text

[Reid]

Is it possible to show text in the Group Panel at the top of the grid?  i.e., "Drag a column header here for grouping"

Or better yet a way to define the area as some template.

 

[Reid]

Strange thing is you can inspect the element in the browser and see that the default text is there, just not showing.

I tried this and it does not work:

$("#productsgrid").kendoGrid({
            groupable: {
 messages: {
 empty: "Drop columns here for grouping"
    }
}
 });

[Stefan]

Hello, Reid,

This is indeed a strange behavior.

I used the same code and the correct header text has shown:

https://dojo.telerik.com/OgehiQOP

I also made an ASP.NET Core project and it was working as expected as well.

Please share an example with us and I will gladly investigate what could be causing this.

Regards,
Stefan
Progress Telerik

[Reid]

I realized that the text was there just displaying in white.  So after re-declaring the styles explicitly in the templates it works and renders the text.

I compared my composition with respect to CSS and JS in the solution to your demo and one that I can create locally using the default Kendo Template recipe in VS2017 where the text renders normally and I see no difference.  I reviewed my styles prior to again putting the styles below in every template and did not see anything conflicting.

 

.k-grid .k-grouping-header {
    color: black;
}

Thanks