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

[Solved] Alignment of buttons

4 Answers 190 Views

ToolBar

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

4 Answers, 1 is accepted

answered on 15 Mar 2010, 03:39 PM

screenshot.jpg

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.

answered on 16 Mar 2010, 01:40 AM

untitled-3.jpg

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>

Accepted

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