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

Justify and Odd "dot"

2 Answers 62 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
FierceMuppet
Top achievements
Rank 1
FierceMuppet asked on 01 Feb 2009, 03:26 PM

I have a tab strip that is getting an odd "dot" between the rows of the tabs.  I simplified the code below.

<rad:radtabstrip id="Radtabstrip1" runat="server" Skin="Vista" SelectedIndex="0" Align="Justify"  ReorderTabsOnSelect="true"  Width="933px">  
        <Tabs> 
            <rad:RadTab id="Tab0" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab2" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab3" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab4" runat="server" Text="Summary" value="999" IsBreak="true"></rad:RadTab> 
            <rad:RadTab id="Tab5" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab6" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab7" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab8" runat="server" Text="Summary" value="999"></rad:RadTab> 
            <rad:RadTab id="Tab9" runat="server" Text="Summary" value="999"></rad:RadTab> 
        </Tabs> 
    </rad:radtabstrip> 

The customer for this site is for is very picky and I would like to get this resolved.

2 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 02 Feb 2009, 07:29 AM
Hello FierceMuppet,

Please use the following CSS style and let us know how it goes.

div.RadTabStripVertical:after, 
div.RadTabStrip .rtsLevel .rtsUL:after, 
div.RadTabStripVertical .rtsLevel .rtsUL:after { 
   font-size: 0 !important; 
   line-height: 0 !important; 


Sincerely yours,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
FierceMuppet
Top achievements
Rank 1
answered on 02 Feb 2009, 03:11 PM
That did not work.  I tried it in a seperate page and it looked fine.  I had this control inside a master page.  The control was inside a DIV tag that had text-align:center.  When I removed the text-align:center from the style property, the "dot" went away.  Very odd.  I did not need the text-align in my outside div for this page, but this would cause problems for others who had may have the same problem.  Just a note, adding style="text-align:left" to the tab control also fixed the problem.
Tags
TabStrip
Asked by
FierceMuppet
Top achievements
Rank 1
Answers by
Paul
Telerik team
FierceMuppet
Top achievements
Rank 1
Share this question
or