RadTileList and Browser Context Menu

2 posts, 0 answers
  1. Nina
    Nina avatar
    8 posts
    Member since:
    Aug 2014

    Posted 10 Sep 2015 Link to this post


     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%">
                    <telerik:RadContentTemplateTile ID="RadContentTemplateTile1" runat="server" Shape="Wide" Width="250px" Name="RadContentTemplateTile1">
                                <table style="width:100%;">
                                            <asp:Label ID="​lblExample" ​Text="Example" runat="server"></asp:Label>
                                        <td style="text-align: right;">
                                            <telerik:RadTextBox ID="​txtExample" runat="server" Width="470px" Resize="None"></telerik:RadTextBox>                                                                              </telerik:RadComboBox>


    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:
                    case 3:
            function disableTileDragOnChildElems() {
                //a selector for all input elements in the tile. Useful, for example, for buttons
                $telerik.$(".RadContentTemplateTile input").mousedown(canceljQueryEventBubbling);



    Any help will be appreciated!

  2. Marin Bratanov
    Marin Bratanov avatar
    4500 posts

    Posted 11 Sep 2015 Link to this post

    Hi Nina,

    Tiles prevent the browser context menu by design, there is a handler specifically for this purpose. One of the reasons is because right clicks are reserved for tile selections.

    Nevertheless, you can override the handler to remove the code that cancels the event. Note that with time this override can cause issues (e.g., if we change the function or add other functionality, or rewrite the existing one). For the snippet below to have effect, place it after your tiles declaration. Usually just before the closing </form> tag is ok.

        Telerik.Web.UI.RadBaseTile.prototype._contextMenuHandler = function(e) {
            if (!$telerik.isAndroid)
            return false;


    Marin Bratanov
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top