[Solved] how to impletement client side onmouseover event on tiles in TileList

[Amigo]

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.

[Shinu]

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.

[Amigo]

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.

[Amigo]

i done this

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

in radTileMenus_TileDataBound function and working fine :)

[Shinu]

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.