Rendering and tabbing through the menus goes well BUT - the following was reported:
The BIG issue seems to be the lack of indication that a SubMenu exists - is this a known issue? Am I not enabling something I should be?
Current RadMenu config:
<telerik:RadMenu AriaSettings-Label="Manage a Business Menu" runat="server" ID="m" Width="100%" Skin="Simple" Flow="Horizontal" RenderMode="Lightweight"
EnableAriaSupport="true" CausesValidation="false" EnableOverlay="false">
<KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
</telerik:RadMenu>
RadContextMenu does not appear when there are more than one forms on the page and one of them is hidden.
Steps to reproduce:
<!DOCTYPE html>
<%@ Register Namespace="Telerik.Web.UI.Debug" TagPrefix="debug" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="searchform" style="display:none">aaa</form>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" />
<telerik:RadEditor ID="radEditor1" runat="server">
<Content>
<table>
<tbody>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<br />
</Content>
</telerik:RadEditor>
</form>
</body>
</html>
Hi,
I use the RadContextMenu control (ajax). When I right-click a control to show the menu, the OnClientShowing or On ClientItemClicked events are fired.
Within this, I can get the html element that has been clicked, but what I really need is a reference to the actual control that was clicked. For example, I have a checkbox on my page and the user can right-click the text on the checkbox, OR the check-box itself. This makes it really tough to determine what the actual control was that was clicked (in this case, the RadCheckBox).
I thought it would be a cool idea to be able to get this control as part of the args for the event.
Tom.
Video: https://www.screencast.com/t/lyemH3IjT JavaScript error "unable to get property 'handleEvent' of undefined or null reference" from Telerik.Web.Ui.WebResource.axd is thrown.
Go to http://demos.telerik.com/aspnet-ajax/menu/examples/functionality/rendermodes/defaultcs.aspx?Skin=Glow Switch to RenderMode="Classic" and select some menu item. It will become gray colorized instead of yellow. The gradient should be removed. Workaround: Put the following style on the page with the menu control: <style> .rmLink.rmSelected { background-color: #db9810 !important; } </style>
Workaround: function OnClientItemClicking(sender, eventArgs) { if ($telerik.isTouchDevice) { if (eventArgs.get_item().get_postBack()) { $telerik.$('.rmRootToggle').trigger('touchend'); } } }
While it is possible to set the item image using the item's CssClass property (http://www.telerik.com/help/aspnet-ajax/menu-appearance-item-images.html), it would be great to be able to set that directly to the span element with class rmLeftImage. Otherwise, it's necessary to use JavaScript or a CSS pre-processor like LESS to assign font-based images via classes (LESS would be required only to avoid duplicating CSS). The same would apply to just about any control that supports item images, e.g. TreeView.