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

Tabs stack vertically and fill width of control

2 Answers 64 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Tom Fallwell
Top achievements
Rank 1
Tom Fallwell asked on 27 Aug 2010, 03:33 PM
I am having a problem with tab widths and something like a feint border appearing around the tabs. I am using the RadTabStrip in a DNN moduel that I am developing to work with any DNN 5 version. I am using the 2009.3.1103.35 version of RadControls and developing the module with DNN 5.01. Everything works fine in the development environment.

I installed the module to a site using DNN 5.2.3 and all works correctly. But when I installed the module to a site using DNN 5.4.4 I ran into a problem. The attached screenshot shows how the tabs are stacking vertically and have some odd border. I am thinking this is some CSS issue, but I have not been able to figure out exactly what is causing it.

UPDATE: I did find that by changing DNN to use the ICONBAR control panel, instead of the RIBBONBAR, fixes the problem. If any can shed sone light on why this is I would appreciate it. Thanks.

2 Answers, 1 is accepted

Sort by
0
Tom Fallwell
Top achievements
Rank 1
answered on 27 Aug 2010, 05:36 PM
Well, I did find a work around, but I still do not understand what was happening. If I use any skin for the tabstrip other than "Default", all works fine. There seems to be some kind of conflict with using the Default skin that conflicts with the DNN RIBBONBAR control panel. I decided to use the "Sitefinity" skin for my tabstrip controls and all works fine now. So I am good.

But if anyone can enlighten me on what is happening, it would be great.
0
Cori
Top achievements
Rank 2
answered on 30 Aug 2010, 05:29 PM
Hello Tom,

Perhaps there ar some base CSS styles that were conflicting with RadTabStrip's default skin settings. Did you inspect the page using IE Developer Toolbar or FireBug to check that styles that caused that issue? I think that might have helped you solve your issue.
Tags
TabStrip
Asked by
Tom Fallwell
Top achievements
Rank 1
Answers by
Tom Fallwell
Top achievements
Rank 1
Cori
Top achievements
Rank 2
Share this question
or