fadeIn a HTML ClientDetailTemplateId in a Kendo.Grid

[Jacob]

Hi,

How to smoothly fadeIn/fadeOut a ClientDetailTemplateId, when the template is plain HTML and not another kendo.grid ??

This is the grid:

@(Html.Kendo().Grid<CompanyDomainView>()
    .Name("customer-grid")
    .ClientDetailTemplateId("customerTemplate")
    ........

And here is the beginning of the template:

<script id="customerTemplate" class="gridtemplates" type="text/x-kendo-tmpl">
    <section>
        <div class="k-widget inline-grid-box">
.....

Thank you.

[Alexander Popov]

Hi Jacob,

Basically, the detail template is always rendered inside a cell with "k-detail-cell" class . You can utilize the Grid's detailExpand event to hide, then fadeIn the said cell. For example: 

function onDetailExpand(e){
  e.detailRow.find(".k-detail-cell").hide().fadeIn(1000);
},

Regards,
Alexander Popov
Telerik

 

 

[Jacob]

Hi Alexander,

Thanks for your comment.
I already do something similar to that - just want to hear if there is a "right" way... :-)
Thanks.