This is a migrated thread and some comments may be shown as answers.

fadeIn a HTML ClientDetailTemplateId in a Kendo.Grid

2 Answers 65 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jacob
Top achievements
Rank 1
Jacob asked on 13 Jan 2015, 08:07 AM
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.

2 Answers, 1 is accepted

Sort by
0
Accepted
Alexander Popov
Telerik team
answered on 15 Jan 2015, 09:34 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Jacob
Top achievements
Rank 1
answered on 16 Jan 2015, 07:47 AM
Hi Alexander,

Thanks for your comment.
I already do something similar to that - just want to hear if there is a "right" way... :-)
Thanks.
Tags
Grid
Asked by
Jacob
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Jacob
Top achievements
Rank 1
Share this question
or