Overlapping tabs using negative left margin on tab item

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
    Admin
    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:

    radTabStripElement.TabLayout

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

    Regards,
    Boyko Markov
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Shruti
    Shruti avatar
    2 posts
    Member since:
    Mar 2017

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

     

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

  4. Hristo
    Admin
    Hristo avatar
    861 posts

    Posted 05 Apr 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.

    Regards,
    Hristo
    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
    2 posts
    Member since:
    Mar 2017

    Posted 05 Apr in reply to Hristo Link to this post

    Thanks Hristo for ur answer.
Back to Top