Overlapping tabs problem

3 posts, 0 answers
  1. Tho Shi Teng
    Tho Shi Teng avatar
    3 posts
    Member since:
    Oct 2009

    Posted 06 Jul 2011 Link to this post

    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);
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 07 Jul 2011 Link to this post

    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

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  3. Tho Shi Teng
    Tho Shi Teng avatar
    3 posts
    Member since:
    Oct 2009

    Posted 11 Jul 2011 Link to this post

    Hi Kate,

      Thanks for the reply. I will request a support ticket
Back to Top