Won't Fix
Last Updated: 08 Jun 2022 08:19 by ADMIN
ADMIN
Plamen
Created on: 03 Sep 2015 11:53
Category: ToolBar
Type: Bug Report
1
RenderMode="Lightweight" on RadToolBar makes RadToolBarButton icons non clickable in IE

 <telerik:RadToolBar ID="toolbarRibbon" runat="server" Orientation="Horizontal" Width="100%" RenderMode="Lightweight"

           OnClientButtonClicking="OnClientButtonClicking"
          OnClientButtonClicked="OnClientButtonClicked">
        <Items>
            <telerik:RadToolBarButton ID="toolBtnAnalyses" runat="server"
                Text="Analyses"
                Visible="true" Target="_blank"
                NavigateUrl="About.aspx" 
                ImagePosition="AboveText" CheckOnClick="true" ImageUrl="Content/chart.png" />
              <telerik:RadToolBarButton ID="RadToolBarButton1" runat="server"
                Text="Analyses"
                Visible="true" 
                NavigateUrl="About.aspx" 
                ImagePosition="AboveText" CheckOnClick="true" ImageUrl="Content/chart.png" />
        </Items>
    </telerik:RadToolBar>

 

There is a workaround if the button's ImagePosition is set to "Left" or "Right":

.rtbImage {
    pointer-events: none;
}


		
2 comments
ADMIN
Rumen
Posted on: 08 Jun 2022 08:19

Hi folks,

The issue occurs under IE only and since Microsoft is discontinuing Internet Explorer on June 15, 2022, we decided to not fix it. You can see more at

Internet Explorer 11 desktop application ending support for certain operating systems.

Please use the provided workarounds and encourage your users to use Google Chrome, Microsoft Edge Chromium, or Firefox instead of IE.

Jeff
Posted on: 08 Feb 2017 18:58
A work around you can use:
Add the CSS Attribute for the Image Tag --> pointer-events: none;
It's working, I'm able to navigate when the button is clicked. 

A feedback from Ivan Danchev (Telerik in progress): «Have in mind though that it works if the Button's ImagePosition property is set to "Left" or "Right", but it doesn't if the property is set to "BelowText" or "AboveText".