Links / linkbutton / buttons not working inside RadTileList

1 posts, 0 answers
  1. TC
    TC avatar
    1 posts
    Member since:
    Feb 2017

    Posted 27 Feb Link to this post

    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.

Back to Top