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

Alignment of buttons

4 Answers 103 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Daniel
Top achievements
Rank 1
Iron
Daniel asked on 11 Mar 2010, 07:19 AM
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; } 

4 Answers, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 15 Mar 2010, 03:39 PM
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.
0
Daniel
Top achievements
Rank 1
Iron
answered on 16 Mar 2010, 01:40 AM
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> 
 


0
Accepted
Yana
Telerik team
answered on 16 Mar 2010, 03:20 PM
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.
0
Daniel
Top achievements
Rank 1
Iron
answered on 16 Mar 2010, 11:43 PM
That worked-- should have tried that! Thanks heaps for your help.

Daniel
Tags
ToolBar
Asked by
Daniel
Top achievements
Rank 1
Iron
Answers by
Yana
Telerik team
Daniel
Top achievements
Rank 1
Iron
Share this question
or