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
    4554 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. UI for ASP.NET Ajax is Ready for VS 2017
  4. 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> 
     


  5. Answer
    Yana
    Admin
    Yana avatar
    4554 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.
  6. 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
UI for ASP.NET Ajax is Ready for VS 2017