how to impletement client side onmouseover event on tiles in TileList

5 posts, 0 answers
  1. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 15 Feb 2014 Link to this post

    Hi. i want to do some operation on mouse over on every tile in TileList. how can do this. plzzz help as soon as possible.
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Feb 2014 in reply to Amigo Link to this post

    Hi Amigo,

    Please try the following sample code snippet to achieve your scenario.

    ASPX:
    <telerik:RadTileList ID="RadTileList1" runat="server" onmouseover="MouseOver();">
        <Groups>
            <telerik:TileGroup>
                <telerik:RadTextTile Text="RadTextTile1" runat="server">
                </telerik:RadTextTile>
                <telerik:RadTextTile Text="RadTextTile2" runat="server">
                </telerik:RadTextTile>
            </telerik:TileGroup>
        </Groups>
    </telerik:RadTileList>

    JavaScript:
    <script type="text/javascript">
        function MouseOver() {
            alert("Fired");
        }
    </script>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 27 Feb 2014 in reply to Shinu Link to this post

    hi shinu. thank for reply. but i want to show navigation url of tile on  mouse over on any tile in List. Please help me. its argent.
  5. Amigo
    Amigo avatar
    8 posts
    Member since:
    Feb 2014

    Posted 27 Feb 2014 in reply to Amigo Link to this post

    i done this

    e.Tile.Attributes.Add("onmouseover", "MouseOver();");

    in radTileMenus_TileDataBound function and working fine :)
  6. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 27 Feb 2014 in reply to Amigo Link to this post

    Hi Amigo,

    Please try the following code snippet which works fine at my end.

    ASPX:
    <telerik:RadTileList ID="RadTileList1" runat="server">
        <Groups>
            <telerik:TileGroup>
                <telerik:RadTextTile Text="RadTextTile1" runat="server" NavigateUrl="Clientsidefailes.aspx" onmouseover="MouseOver(this);">
                </telerik:RadTextTile>
                <telerik:RadTextTile Text="RadTextTile2" runat="server" NavigateUrl="DataBoundTiles.aspx" onmouseover="MouseOver(this);">
                </telerik:RadTextTile>
            </telerik:TileGroup>
        </Groups>
    </telerik:RadTileList>
    <telerik:RadToolTip runat="server" ID="tooltip1" TargetControlID="ClientID" IsClientID="true"
        HideEvent="ManualClose">
    </telerik:RadToolTip>

    JavaScript:
    <script type="text/javascript">
        function MouseOver(tile) {
            var url = tile.control.get_navigateUrl();
            var radToolTip = $find("<%= tooltip1.ClientID %>");
            var RadAsyncUpload1 = $find("<%=RadTileList1.ClientID%>");
            radToolTip.set_targetControlID("RadTileList1");
            radToolTip.set_text(url);
        }
    </script>

    Thanks,
    Shinu.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017