Overlapping tabs using negative left margin on tab item

Thread is closed for posting
5 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. Shruti
    Shruti avatar
    4 posts
    Member since:
    Mar 2017

    Posted 30 Mar 2017 in reply to Boyko Markov Link to this post


    @Boyko Markov:
    Can u please share the code ?
    Thank you in advance

  4. Hristo
    Hristo avatar
    1519 posts

    Posted 05 Apr 2017 Link to this post

    Hi Shruti,

    Thank you for writing.

    The RadTabStrip control has been deprecated and it is no longer supported. RadPageView substituted RadTabStrip in 2010, introducing many new features and enhancements.

    In case you are still using RadTabStrip, I strongly recommend upgrading your suite and switching to RadPageView.

    I hope this information was useful. Should you have further questions please do not hesitate to write back.

    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Shruti
    Shruti avatar
    4 posts
    Member since:
    Mar 2017

    Posted 05 Apr 2017 in reply to Hristo Link to this post

    Thanks Hristo for ur answer.
Back to Top