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

RadToolbar in Webkit browsers

1 Answer 81 Views

ToolBar

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

small_steps asked on 16 Oct 2013, 10:48 AM

ToolbarProblem.png

Hi.
Webkit browser (i.e. Chrome, Safari) show abnormal behaviour when a image button is clicked. During reload the clicked button shows a empty (text)button larger than the image button, which makes this abnormality more apparent. Furthermore it takes 2-3 sec for a toolbar with 15 buttons to load.
How can I fix this (v. 2013.2.917.35) ?
IE and Firefox work fine.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<div>

<asp:Image ID="Image1" runat="server" ImageUrl="~/ToolbarProblem.png" />

<p><strong>Try it below</strong></p>

<telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100px" >

<Items>

<telerik:RadToolBarButton runat="server" Value="Day"

ToolTip="Green"

NavigateUrl = "Default.aspx"

ImageUrl="~/p_green.gif"

ClickedImageUrl="~/p_yellow.gif"

DisabledImageUrl="~/p_gray.gif"

>

</telerik:RadToolBarButton>

<telerik:RadToolBarButton runat="server" Value="Week"

ToolTip="Red"

NavigateUrl = "Default.aspx"

ImageUrl="~/p_red.gif"

ClickedImageUrl="~/p_yellow.gif"

DisabledImageUrl="~/p_gray.gif"

>

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</div>

</form>

</body>

RadToolbar in Webkit browsers

1 Answer, 1 is accepted