GridBuilder Header

[Scott]

Hello, I am trying to generate a header with the grid title at the top of my grid along with a close "x" button in the top right corner. Is this possible? 

[Konstantin Dikov]

Hello Scott,

Can you please provide some additional information on the requirement that you have? From what I understand, you need to display a row over the Grid with some text and a button. If that is the case, you can wrap the widget in a DIV element for example and place your "header row" with the title and the button over the Grid. Another option would be to customize the headers of the columns or the toolbar:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.headerTemplate 
• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-toolbar.template

Hope this helps.


Regards,
Konstantin Dikov
Telerik

[Scott]

Thank you for your reply. A simple div tag did the trick for the title. 

<div style="text-align:center">

    <b>TITLE HERE</b>
    <br /><br />
</div>

As for the close button, do you know how I would go about implementing that logic?

Thanks,

Scott

[Konstantin Dikov]

Hello Scott,

Can you please elaborate what should that close button do and how this is related to the Grid widget? If the question is related to the positioning of the button, there are several approach that could be used, but the easiest would be to use a table element with two cells (one for the title and one for the button). Another approach is to play around with the float of the elements (left for the title and right for the button).

Looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

[Scott]

Hello Konstantin,

I do apologize. It seems that all my answers can be handled outside of the Kendo functionality like you mentioned. Thanks for much for the help.