This is a migrated thread and some comments may be shown as answers.
Group By Header Text
3 Answers 11 Views
This is a migrated thread and some comments may be shown as answers.
Reid
Top achievements
Rank 2
Reid asked on 21 Apr 2018, 03:38 PM

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.

 

3 Answers, 1 is accepted

Sort by
0
Reid
Top achievements
Rank 2
answered on 24 Apr 2018, 10:28 AM

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"
    }
}
 });
0
Accepted
Stefan
Telerik team
answered on 25 Apr 2018, 06:52 AM
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
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 25 Apr 2018, 12:18 PM

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

Tags
Grid
Asked by
Reid
Top achievements
Rank 2
Answers by
Reid
Top achievements
Rank 2
Stefan
Telerik team
Share this question
or