Hello,
This is my code:
<telerik:RadTileList ID="elmHomeTileList" CssClass="responsiveWidth" runat="server" Skin="Telerik" EnableDragAndDrop="true" OnTileClick="elmHomeTileList_TileClick" AutoPostBack="true"
SelectionMode="None" ScrollingMode="Accelerated" TileRows="1">
<Groups>
<telerik:TileGroup>
<telerik:RadContentTemplateTile ID="tileService" runat="server" Shape="Wide" CssClass="tile-services" OnClick="tileService_Click" Selected="false">
<ContentTemplate>
<div class="pull-left">
<%--<a href='javascript:void(0)' onclick="doSomeWork(1)">
<span class="glyphicon glyphicon-plus tile-plus noTileDrag" aria-hidden="true"></span>
</a>--%>
<button >Hello</button>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="Unnamed_Click" Text="Click Me" />
<asp:Button ID="Button1" runat="server" OnClick="Unnamed_Click" Text="Click Me2" />
<a href="<%=ResolveUrl("~/Admin/AddService/")%>">
<span class="glyphicon glyphicon-plus tile-plus" aria-hidden="true"></span>
</a>
</div>
<img src="Images/Icons/Toolbars/alert.png" class="tile-image pull-left tile-image-plus" />
<div class="right-border"></div>
<div class="right-number">
43
</div>
<div class="right-text">
services
</div>
</ContentTemplate>
</telerik:RadContentTemplateTile>
</telerik:TileGroup>
</Groups>
</telerik:RadTileList>
This is my backend code super simple:
protected void Unnamed_Click(object sender, EventArgs e)
{
Response.Redirect("~/Admin/AddService/");
}
protected void tileService_Click(object sender, EventArgs e)
{
}
protected void elmHomeTileList_TileClick(object sender, TileListEventArgs e)
{
}
The problem here is when I click either LinkButton or Button it never hits the break point in Unnamed_Click. It only goes to tileService_Click and elmHomeTileList_TileClick. Is there anyway I could stop this control from doing this since I want that the tile click should go a URL but I also want that clicking a specific link button should go to that desired URL.
This is server side but I tried posting simple HTML anchor tag as well like
<telerik:RadContentTemplateTile ID="tileService" runat="server" Shape="Wide" CssClass="tile-services" NavigateUrl="/Admin/ListServices" Selected="false">
<ContentTemplate>
<div class="pull-left">
<%--<a href='javascript:void(0)' onclick="doSomeWork(1)">
<span class="glyphicon glyphicon-plus tile-plus noTileDrag" aria-hidden="true"></span>
</a>--%>
<a href="<%=ResolveUrl("~/Admin/AddService/")%>">
<span class="glyphicon glyphicon-plus tile-plus" aria-hidden="true"></span>
</a>
</div>
<img src="Images/Icons/Toolbars/alert.png" class="tile-image pull-left tile-image-plus" />
<div class="right-border"></div>
<div class="right-number">
43
</div>
<div class="right-text">
services
</div>
</ContentTemplate>
</telerik:RadContentTemplateTile>
But nothing works. It always go to the URL set in NavigateUrl. The anchors don't work at all.
Is there a fix for this?
Thank you.