The disable buttons of RadToolbar do not appear as disabled under in IE7, IE8, and Chrome.
A placeholder feedback item for responsive toolbar based on customer feedback: * Adaptive (width-wise) toolbar sort of like Kendo's * Allow hiding text / hiding items on smaller devices
The issue can be reproduced in Chrome, Edge, FireFox.
Steps to replicate: In the browser, navigate to the RadToolBarButton and press enter. (click is not performed and events are not fired)
<script>
function buttonClicked(sender, args) {
debugger;
}
function buttonClicking(sender, args) {
debugger;
}
</script>
<telerik:RadToolBar ID="RadToolBar1" runat="server" OnClientButtonClicked="buttonClicked" OnClientButtonClicking="buttonClicking">
<Items>
<telerik:RadToolBarButton Text="Button"></telerik:RadToolBarButton>
</Items>
</telerik:RadToolBar>
<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;
}
Replicated only when Orientation=Vertical. The problem seems to be the _responsiveCheck function of Toolbar\Views\LiteView.js called from the _repaint method of the same file. screencast: https://www.screencast.com/t/SF5b1KZR7pIp screenshot before/after https://www.screencast.com/t/KG645ZgX Workaround: calling toolbar.get_view()._showAllHiddenItems(); after adding programmatically the buttons.
In order to prevent clicking on the same button twice, when server-side click button is handled, the RadToolBar should be disabled or the clicked button. For that reason we are going to expose the following property: SingleClick = None/Button/ToolBar. In case that you want SingleClick property on RadToolBarButton, please leave us a comment with your feedback.