Issues with dynamically openned tabs and closing it

[Motahera]

Hi Kendo Team,
I have several issues with the TabStrip control -
1. How to select a dynamically added tab?
2. How to prevent the tab load after selecting it?
3. How to remove a tab by clicking on a control on that tab?
4.  After dynamically opening a tab and selecting existing tabs randomly the tab contents get mixed up in other tabs.
5. even though a second grid is initialized after the 2nd tab is selected, the grid content spills over the tab area.

I have attached a sample(I ran the sample from ~\kendoui\examples\web\Sample) where all these scenario can be seen.
We need this prototype to work to decide if we can use the KendoUI in our main project.

Thanks in advance for you help.

[Motahera]

In the sample you can see we used image to close the tab like -
                   <li id="act">
                        My activities <img src="images/DeleteIcon.gif" style="padding-left:10px;z-index:1111" onclick="tabStrip.remove(this)">
                    </li>

How can we add this image in dynamically added tabs?

[Kamen Bundev]

Hello Motahera,

I've replied in the support ticket you also filed for these questions.

Kind regards,
Kamen Bundev
the Telerik team

[Leonel]

is possible icon can be added close to the dynamic tabstrip tab?

[Kamen Bundev]

Hi Leonel,

You can use the encoded property to enable html content for the tab text. Then you can inset the close button as an image or sprite element and set its onclick handler to handle the closure. Something like this:
tabStrip.append({
    text: "A Tab <img src='close.gif' onclick='tabStrip.remove($(this).closest(\"li\"))'>",
    encoded: false
});

Greetings,
Kamen Bundev
the Telerik team

[krishna surapaneni]

Hi
I am Also Facing the same issue please share the solution..