Hello,
is it possible to have a RadTileList with input controls (see sample below) and open the browsers' standard context menu on right click? We cannot figure out how to make it work.
<telerik:RadTileList runat="server" ID="RadTileList1" TileRows="4" CssClass="myTileList" SelectionMode="None" EnableDragAndDrop="True" Width="100%">
<Groups>
<telerik:TileGroup>
<telerik:RadContentTemplateTile ID="RadContentTemplateTile1" runat="server" Shape="Wide" Width="250px" Name="RadContentTemplateTile1">
<ContentTemplate>
<div>
<table style="width:100%;">
<tr>
<td>
<asp:Label ID="lblExample" Text="Example" runat="server"></asp:Label>
</td>
<td style="text-align: right;">
<telerik:RadTextBox ID="txtExample" runat="server" Width="470px" Resize="None"></telerik:RadTextBox> </telerik:RadComboBox>
</td>
</tr>
</table>
</div>
</ContentTemplate>
</telerik:RadContentTemplateTile>
</telerik:TileGroup>
</Groups>
</telerik:RadTileList>
And the javascript:
function canceljQueryEventBubbling(evt) {
//prevent the event from bubbling, i.e., reaching the Tile element where it will initiate dragging
switch (evt.which) {
case 1:
evt.stopPropagation();
break;
case 3:
alert('bla');
default:
break;
}
}
function disableTileDragOnChildElems() {
//a selector for all input elements in the tile. Useful, for example, for buttons
$telerik.$(".RadContentTemplateTile input").mousedown(canceljQueryEventBubbling);
//Sys.Application.remove_load(disableTileDragOnChildElems);
}
Sys.Application.add_load(disableTileDragOnChildElems);
Any help will be appreciated!