RadToolbar in Webkit browsers

2 posts, 0 answers
  1. small_steps
    small_steps avatar
    8 posts
    Member since:
    Jun 2013

    Posted 16 Oct 2013 Link to this post

    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>

     

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 21 Oct 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top