Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 94857

RadTileList and Browser Context Menu

$
0
0

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!


Viewing all articles
Browse latest Browse all 94857

Trending Articles