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

RadToolbar in Webkit browsers

1 Answer 16 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
small_steps
Top achievements
Rank 1
small_steps asked on 16 Oct 2013, 10:48 AM
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>

 

1 Answer, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 21 Oct 2013, 11:35 AM
Hi,

I tested the issue that you describe and indeed there is an issue that causes the image of the RadToolBarButton to appear broken in Chrome. Unfortunately currently we are not aware of a suitable workaround but I already forwarded your request to our development team so that they can review it and fix the  issue. I also updated your Telerik points for reporting this issue.

Regards,
Kate
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
ToolBar
Asked by
small_steps
Top achievements
Rank 1
Answers by
Kate
Telerik team
Share this question
or