grid expanding clientdetailtemplate

5 posts, 0 answers
  1. Mhars
    Mhars avatar
    4 posts
    Member since:
    Sep 2014

    Posted 30 Sep 2014 Link to this post

    Hi Telerik,

    I have this requirement that I want to load the details of my a row using your clientemplateid.
    I already created my template and it is a kendo tabstrip. it has an item loaded from a partial view here is the code

    @(Html.Kendo().TabStrip()
                .Name("tabStrip_#=RowID#")
                .SelectedIndex(0)
                
                .Animation(animation => animation.Open(open => open.Fade(FadeDirection.In)))
                .Items(items =>
                {

                    items.Add().Text("Profile Information")
                        .LoadContentFrom("GetPartialApplicantProfile", "SearchProfile", new { rowid = "#=RowID#" })
                        .Selected(true);
                    
                })
                .Events(s => s.ContentLoad("DetailLoaded"))
                .ToClientTemplate())

    the problem with this is on the initial load of the template when i expand a row it displays the detail perfectly. And after a second the next row below it overriding the display of the template. Why is that happening? Is it the row doesnt detect the size of my template when i loaded it partially?



  2. Mhars
    Mhars avatar
    4 posts
    Member since:
    Sep 2014

    Posted 30 Sep 2014 Link to this post

    this is the actual output :), please help ...
  3. Mhars
    Mhars avatar
    4 posts
    Member since:
    Sep 2014

    Posted 30 Sep 2014 in reply to Mhars Link to this post

    image of output
  4. Nikolay Rusev
    Admin
    Nikolay Rusev avatar
    2289 posts

    Posted 01 Oct 2014 Link to this post

    Hello Mhars,

    The screenshot and the snippet are not enough for use to determine the cause of this behavior. It will be best to provide us with a runnable example replicating the issue which you are facing. Thus we'll be able to debug it locally and assist you further.

    Regards,
    Nikolay Rusev
    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.

     
  5. Mhars
    Mhars avatar
    4 posts
    Member since:
    Sep 2014

    Posted 02 Oct 2014 in reply to Nikolay Rusev Link to this post

    Already fixed the issue by modifying my partial view and adding a style and a clear both div : 

    my partial view is like this:

    <div style="position:relative;float:left">
    Content Here
    </div>
    <div style="clear:both"></div>

Back to Top