[Solved] Tab content (only in Internet Explorer)

[Richard Averett]

I have a situation where I have a page to create a new object. This object has a collection of objects. I am using the tabstrip to display the individual items in the collection. The last tab is called "Add New Item" and contains a drop down to allow the user to select the type of object that they wish to add to the collection. Once the select the type, the page posts back to the controller. The controller adds the object to the collection and returns the object to the view. The page then renders a tab for the new object. It adds the "Add New Item" tab to the end of the tabstrip. This allows the user to add multiple items much like you add new tabs in Chrome.

Here is the problem. In IE, once you add an object to the collection, the tabs are all correct and in the correct order. The first tab contains the appropriate content. However, when you click on the "Add New Item" tab the tab content is empty. It is acting as if there was no content added to that tab. I did a view source and the content is in the html. This works fine in Chrome.

[Atanas Korchev]

Hello Richard Averett,

Unfortunately we are not sure what has gone wrong. This sounds like one of those notorious IE layout bugs but we are not sure what is causing it and how to fix it. I hope it is possible to send us a sample project which shows that bug.

Regards,
Atanas Korchev
the Telerik team

[Richard Averett]

I can't really send you the project as it connects to several of our internal services. What I did was take the HTML and pull out everything but the tabs and zipped it up. The included HTML contains the tabs that illustrate the problem. If you open the HTML file in IE you will see the problem when you try to click on the second tab.

I am not able to attach a zip file. How do I get it to you?

[Atanas Korchev]

Hi Richard Averett,

You can open a support ticket and attach the files there.

Kind regards,
Atanas Korchev
the Telerik team