fadeIn a HTML ClientDetailTemplateId in a Kendo.Grid

3 posts, 1 answers
  1. Jacob
    Jacob avatar
    45 posts
    Member since:
    Sep 2014

    Posted 13 Jan 2015 Link to this post

    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. Answer
    Alexander Popov
    Admin
    Alexander Popov avatar
    1444 posts

    Posted 15 Jan 2015 Link to this post

    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.

     
  3. Jacob
    Jacob avatar
    45 posts
    Member since:
    Sep 2014

    Posted 16 Jan 2015 in reply to Alexander Popov Link to this post

    Hi Alexander,

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