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

LoadContentFrom loads content from one tab into another

12 Answers 150 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Peter
Top achievements
Rank 1
Peter asked on 10 Sep 2013, 12:11 PM
Hi;

I have a tabstrip where I am using the LoadContentFrom operation to load item content. I am seeing something that I was not expecting. When the page initially loads the dynamic content retrieval is activated for the first tab. If I select another tab before the content of the first tab is loaded, then the content from the first tab is shown in the tab I selected. I would like to know how do I stop this from happening.


Peter

12 Answers, 1 is accepted

Sort by
0
Alexander Popov
Telerik team
answered on 12 Sep 2013, 06:20 AM
Hi Peter, 

I tried to reproduce the problem locally but to no avail – everything is working as expected on our side. Could you please provide runnable project where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Peter
Top achievements
Rank 1
answered on 13 Sep 2013, 12:47 PM
I discovered this while developing propriatary software. I cannot supply a copy. One thing to point out is that the tab content is being loaded dynamically -- and the content of the tab content is also being loaded dynamically.

Peter
0
Alexander Popov
Telerik team
answered on 13 Sep 2013, 02:44 PM
Hello again Peter,

We do not need a copy of the software you are developing, but without replicating the issue locally we cannot provide a solution. Perhaps you could put together a simple project that reproduces the issue so we can advice you further. 
 

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Peter
Top achievements
Rank 1
answered on 17 Sep 2013, 03:08 PM
Hi;

Attached is an example that demonstrates what we are seeing. When the application starts select tab 2. You will see the content from tab 1 loaded below the content in tab 2.

Note: I had to remove the packages and libraries from the solution to bring the zip file size down.

Peter
0
Alexander Popov
Telerik team
answered on 19 Sep 2013, 11:34 AM
Hello again Peter,

Thank you for the provided project. I managed to reproduce this behavior and it seems this is indeed an issue in the current Kendo UI version. I reported this to our developers, however I cannot be specific exactly when a fix will be available. I would suggest to regularly check KendoUI RoadMap for updates on the matter. 

As a small sign of appreciation, I updated your Telerik points.
 

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Alexander Popov
Telerik team
answered on 19 Sep 2013, 03:21 PM
The developers just confirmed that a fix for this issue will be included in our next internal build, which can be downloaded here.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Peter
Top achievements
Rank 1
answered on 11 Oct 2013, 02:07 PM
Hi;

I'm using V2013.2.918.340 and I'm still getting the problem. Has this issue been fixed?

Peter
0
Accepted
Alexander Popov
Telerik team
answered on 11 Oct 2013, 02:33 PM
Hi Peter,

Yes, this issue has been fixed. Please upgrade to our latest internal build.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Aaron
Top achievements
Rank 1
answered on 12 Feb 2014, 06:00 PM
Hi, Alex,

We are having the same problem and just applied the latest version of 2013.3.1408, however, by making sure everything is in place for this version, all css, js files are there and dll is latest as well, we still get the same problem, please help!
0
Alexander Popov
Telerik team
answered on 14 Feb 2014, 10:57 AM
Hi Aaron,

I tried reproducing this using Kendo UI v2013.3.1324, but everything worked as expected. Could you please provide a small runnable project that isolates only the issue you are having? This makes it much easier to locate the issue which usually leads to its faster resolving.

Regards,
Alexander Popov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Teja
Top achievements
Rank 1
Veteran
answered on 21 Feb 2021, 04:03 AM

@(Html.Kendo().TabStrip()
            .Name("MT")
            .Items(tabstrip =>
            {
                tabstrip.Add().Text("Tab1")
                    .LoadContentFrom(Url.Action("Countries", "Master"));

                tabstrip.Add().Text("Tab2")
                    .LoadContentFrom(Url.Action("States", "Master"));
            })
    
)

 

I am getting the same issue. Countries and States will load into Kendo Grid in separate tabs. Some times one of the grid is taking time or failing to load (no JS issues or data issues) and if user click on another tab then Tab2 data will be displaying in Tab1.

I am using ASP.NET CORE and 2021 Q1 Tererik for ASPNET CORE UI.

0
Ivan Danchev
Telerik team
answered on 23 Feb 2021, 04:33 PM

Hello,

We are not aware of such behavior and any potential relation to the TabStrip. It just serves as a container of Html or components nested in it and does not affect the way data is loaded in those components.

There is something to have in mind when nesting components in the TabStrip, and that's to ensure they have unique ids (names). For example, if you have a Grid in Tab1 and another Grid in Tab2, those Grids should have different ids.

Attached you can find a sample project that uses the TabStrip declaration you posted. A Grid is loaded in each tab. Note the different names of the Grids: .Name("country-grid") and .Name("state-grid")

The Grids are loaded and displayed as expected.

Feel free to modify the example, to demonstrate the problematic behavior.

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
TabStrip
Asked by
Peter
Top achievements
Rank 1
Answers by
Alexander Popov
Telerik team
Peter
Top achievements
Rank 1
Aaron
Top achievements
Rank 1
Teja
Top achievements
Rank 1
Veteran
Ivan Danchev
Telerik team
Share this question
or