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

grid expanding clientdetailtemplate

4 Answers 126 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mhars
Top achievements
Rank 1
Mhars asked on 30 Sep 2014, 09:07 AM
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?



4 Answers, 1 is accepted

Sort by
0
Mhars
Top achievements
Rank 1
answered on 30 Sep 2014, 12:23 PM
this is the actual output :), please help ...
0
Mhars
Top achievements
Rank 1
answered on 30 Sep 2014, 12:24 PM
image of output
0
Nikolay Rusev
Telerik team
answered on 01 Oct 2014, 02:52 PM
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.

 
0
Mhars
Top achievements
Rank 1
answered on 02 Oct 2014, 05:35 AM
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>

Tags
Grid
Asked by
Mhars
Top achievements
Rank 1
Answers by
Mhars
Top achievements
Rank 1
Nikolay Rusev
Telerik team
Share this question
or