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 { font: normal 11px verdana, sans-serif !important; color: #333333 !important; } |
4 Answers, 1 is accepted
0
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.
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
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:
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.
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
Daniel