dear all,

I am trying to add in pictures for the tabs, and want them to overlap (like the attached picture).

I use margin on all of them, so that they will squeeze together, and then use z-index to arrange them.

but the problem is the z-index only affects the first tab, the other 3 tabs does not arrange according to the z-index

I use C# (Telerik Version=2010.3.1317.35) and my code looks like :

AddTab("Account Info", true, "10");
AddTab("Enter Info", true, "8");
AddTab("Confirm Info", true, "2");
AddTab("Submit", true, "1");

private void AddTab(string tabName, bool enabled, string zIndex)
{
RadTab tab = new RadTab(tabName);

tab.Style.Add("margin-right", "-28px");
tab.Style.Add("position", "relative");
tab.Style.Add("z-index", zIndex);
tab.Enabled = enabled;
RadTabStrip1.Tabs.Add(tab);

Hello Tho Shi Teng,

The code that you provided is not enough so we can reproduce the issue locally and inspect where the issue comes from. Since the problem that you encounter is very customized one I would suggest that you open a support ticket and send us a runnable simple project that demonstrates the issue. 

Greetings,
Kate
the Telerik team

Hi Kate,

  Thanks for the reply. I will request a support ticket