Overlapping tabs using negative left margin on tab item

2 posts, 0 answers
  1. BillFugina
    BillFugina avatar
    3 posts
    Member since:
    Sep 2006

    Posted 12 Jun 2008 Link to this post

    I'm using a negative left margin on my tab items.  This causes the tab items to overlap each other a little.  This works during run time, but not at runtime.  At runtime, the tabs start out with the default spacing until I scroll the tabs.  If there aren't enough tabs to cause the scroller to appear, I have to shrink the form to get the scroller, then scroll the tabs and then resize the form again.

    Ideally, the tabs would start out overlapping, but I've been looking for a workaround.  Unfortunately, I can't find one.  I've tried refreshing, repainting, invalidating, etc, etc.  The only way I can find to get the tabs to overlap is to scroll them.

    Has anyone tried to overlap tabs?  If so, how do you do it?
    Has anyone used negative margins before?  If so, have you seen this problem?
    Can anyone think of anything to help me.

    Thank you.
  2. Boyko Markov
    Boyko Markov avatar
    610 posts

    Posted 13 Jun 2008 Link to this post

    Hi BillFugina,

    Thank you for contacting us.

    There is a property controlling the spacing between TabItems called ItemsOverlapFactor. This property is used in our theming for specifying the spacing. ItemsOverlapFactor is a property of TabLayoutPanel - the panel which is responsible for the TabItem layout in RadTabStrip.

    To access TabLayoutPanel, you can use the code below:


    If you use the property above, the issue you described should disappear. Please write me back if you need additional information.

    Boyko Markov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. DevCraft banner
Back to Top