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);
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);