Alignment of buttons

5 posts, 1 answers
  1. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 11 Mar 2010 Link to this post

    Hi. I'm using RadControls_for_ASP.NET_AJAX_2009_3_1314_dev. I have multiple RadToolBarDropDown's and RadToolBarButton's. When I change the font family the buttons aren't vertically aligned and appear all over the place. This doesn't happen with the default font that toolbar uses. Thanks.

    .rtbText { fontnormal 11px verdanasans-serif !important; color#333333 !important; } 
  2. Yana
    Admin
    Yana avatar
    4564 posts

    Posted 15 Mar 2010 Link to this post

    Hi Daniel,

    I couldn't observe this issue, please check the attached screenshot. Can you send us a live url or a simple page demonstrating the problem? Thanks

    Regards,
    Yana
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 15 Mar 2010 Link to this post

    Thanks for the response Yana. I don't have a live URL but I'll give you exactly what I'm trying plus a screen shot. The weird thing is, this happens with IE6 on XP as well as IE8 on Win7. Thanks.

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_Default" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server">  
        <title></title>  
        <style type="text/css">  
            .rtbText  
            {  
                font: normal 11px verdana, sans-serif !important;  
                color: #333333 !important;  
            }  
        </style> 
    </head> 
    <body> 
        <form id="form1" runat="server">  
        <div> 
            <telerik:RadToolBar ID="rtbMain" runat="server" Skin="Default">  
                <Items> 
                    <telerik:RadToolBarButton runat="server" NavigateUrl="/" Checked="true" Text="Home">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarDropDown Text="Applications">  
                        <Buttons> 
                            <telerik:RadToolBarButton Text="Applications">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Links">  
                            </telerik:RadToolBarButton> 
                        </Buttons> 
                    </telerik:RadToolBarDropDown> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarButton runat="server" NavigateUrl="/docs/" Text="Document Portal">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarDropDown Text="News">  
                        <Buttons> 
                            <telerik:RadToolBarButton Text="Add news">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="View archive">  
                            </telerik:RadToolBarButton> 
                        </Buttons> 
                    </telerik:RadToolBarDropDown> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarButton runat="server" NavigateUrl="/people/" Text="People">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarDropDown Text="Teams">  
                        <Buttons> 
                            <telerik:RadToolBarButton Text="Customer Service">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Human Resources">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Information Management">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="WH&S">  
                            </telerik:RadToolBarButton> 
                        </Buttons> 
                    </telerik:RadToolBarDropDown> 
                    <telerik:RadToolBarButton IsSeparator="true">  
                    </telerik:RadToolBarButton> 
                    <telerik:RadToolBarDropDown Text="Tools">  
                        <Buttons> 
                            <telerik:RadToolBarButton Text="Organisational Health Check">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Workbench">  
                            </telerik:RadToolBarButton> 
                        </Buttons> 
                    </telerik:RadToolBarDropDown> 
                </Items> 
            </telerik:RadToolBar> 
            <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
            </telerik:RadScriptManager> 
        </div> 
        </form> 
    </body> 
    </html> 
     


  4. Answer
    Yana
    Admin
    Yana avatar
    4564 posts

    Posted 16 Mar 2010 Link to this post

    Hi Daniel,

    Thank you for providing the additional information. I managed to observe the issue in IE7 and IE6 only.  Please set the styles like this in order to fix it:

    .rtbText 
        font-family: verdana, sans-serif !important
        font-size: 11px !important;
        color: #333333 !important
    }

    Best wishes,
    Yana
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  5. Daniel
    Daniel avatar
    175 posts
    Member since:
    Feb 2009

    Posted 16 Mar 2010 Link to this post

    That worked-- should have tried that! Thanks heaps for your help.

    Daniel
Back to Top