Justify and Odd "dot"

3 posts, 0 answers
  1. FierceMuppet
    FierceMuppet avatar
    33 posts
    Member since:
    Dec 2006

    Posted 01 Feb 2009 Link to this post

    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. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 02 Feb 2009 Link to this post

    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.
  3. FierceMuppet
    FierceMuppet avatar
    33 posts
    Member since:
    Dec 2006

    Posted 02 Feb 2009 Link to this post

    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.
Back to Top