This is a migrated thread and some comments may be shown as answers.

Overlapping tabs using negative left margin on tab item

4 Answers 184 Views
Tabstrip (obsolete as of Q2 2010)
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
BillFugina
Top achievements
Rank 1
BillFugina asked on 12 Jun 2008, 03:02 PM
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.

4 Answers, 1 is accepted

Sort by
0
Boyko Markov
Telerik team
answered on 13 Jun 2008, 12:14 PM
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
0
Shruti
Top achievements
Rank 1
answered on 30 Mar 2017, 08:38 AM

 

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

0
Hristo
Telerik team
answered on 05 Apr 2017, 08:50 AM
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.
0
Shruti
Top achievements
Rank 1
answered on 05 Apr 2017, 09:44 AM
Thanks Hristo for ur answer.
Tags
Tabstrip (obsolete as of Q2 2010)
Asked by
BillFugina
Top achievements
Rank 1
Answers by
Boyko Markov
Telerik team
Shruti
Top achievements
Rank 1
Hristo
Telerik team
Share this question
or