This is a migrated thread and some comments may be shown as answers.

how to impletement client side onmouseover event on tiles in TileList

4 Answers 93 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Amigo
Top achievements
Rank 1
Amigo asked on 15 Feb 2014, 11:11 AM
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.

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 17 Feb 2014, 08:41 AM
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.
0
Amigo
Top achievements
Rank 1
answered on 27 Feb 2014, 06:38 AM
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.
0
Amigo
Top achievements
Rank 1
answered on 27 Feb 2014, 06:56 AM
i done this

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

in radTileMenus_TileDataBound function and working fine :)
0
Shinu
Top achievements
Rank 2
answered on 27 Feb 2014, 06:59 AM
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.
Tags
TileList
Asked by
Amigo
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Amigo
Top achievements
Rank 1
Share this question
or