after postback the first time tile click doesnot work, but 2nd Click works.

2 posts, 0 answers
  1. Sanjay
    Sanjay avatar
    5 posts
    Member since:
    Jun 2014

    Posted 27 Jun 2014 Link to this post

    I have the below Tile with databanding. When first time the page loads tile click works fine. But when the postback event triggers due to radio button selection change and the tiles load, first click to any tile does nothing. Again 2nd click it's works fine. Here is the code. Not sure what missing? Thanks for helping in a advance.


    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

    ​<telerik:RadTileList ID="RadTileList1" runat="server" AppendDataBoundItems="false" Font-Bold="true" Font-Size="X-Large" Width="100%" TileRows="4" OnTileDataBound="RadTileList1_OnTileDataBound" OnTileCreated="RadTileList1_OnTileCreated" SelectionMode="Single" EnableDragAndDrop="false"
    OnTileClick="RadTileList1_TileClick" AutoPostBack="true" ScrollingMode="None" >


           <CommonTileBinding TileType="RadImageAndTextTile" Shape="Wide" DataNameField="MEMBER_CAPTION"/>
           <ImageAndTextTileBinding DataTextField="MEMBER_CAPTION" />
              <div id="dvTile" runat="server" style="font-size:small;" >
                 <h3 style="text-align:center;font-family:'Times New Roman';"><%#DataBinder.Eval(Container.DataItem, "MEMBER_CAPTION")%></h3>
                 <%#DataBinder.Eval(Container.DataItem, "Clicks")%>                                                                                                                                  
    <asp:RadioButtonList id="rdSort" runat="server" AutoPostBack="true" CellPadding="10" CellSpacing="20" RepeatDirection="Horizontal"
    <asp:ListItem Text="Clicks" Value="Clicks" selected="true" />
    <asp:ListItem Text="Impressions" Value="Impressions" />
    <asp:ListItem Text="CTR" Value="Click Thru Rate" />


    protected void Page_Load(object sender, EventArgs e)
        if (!IsPostBack)
    private void BindMainContaint()
    RadTileList1.DataSource = dataTableForTile;
    RadTileList1.TileRows = 4;

    protected void RadTileList1_OnTileDataBound(object sender, TileListEventArgs e)
    //test the tile type first so its specific properties can be used
    RadImageAndTextTile tile = e.Tile as RadImageAndTextTile;
    //ImageAndTextTileBinding t = e.Tile as ImageAndTextTileBinding;
    if (!object.Equals(tile, null))
    e.Tile.PeekContentContainer.BackImageUrl = ((System.Data.DataRowView)(e.Tile.DataItem)).Row["Colorbar"].ToString();
    tile.ImageUrl = ((System.Data.DataRowView)(e.Tile.DataItem)).Row["Colorbar"].ToString();// DataBinder.GetPropertyValue(e.Tile.DataItem, "Colorbar", null);
    e.Tile.PeekContentContainer.Visible = true;
    protected void RadTileList1_OnTileCreated(object sender, TileListEventArgs e)
    //work with common settings for all tiles
    e.Tile.PeekTemplateSettings.ShowInterval = 10;
    //e.Tile.PeekTemplate.InstantiateIn = true;
    e.Tile.PeekTemplateSettings.CloseDelay = 0;
    e.Tile.PeekTemplateSettings.ShowPeekTemplateOnMouseOver = true;
    e.Tile.PeekTemplateSettings.HidePeekTemplateOnMouseOut = false;
    e.Tile.PeekTemplateSettings.AnimationDuration = 10;
    //using properties specific for a given tile type - check the tile type first
    RadImageAndTextTile tile = e.Tile as RadImageAndTextTile;
    //e.Tile.PeekContentContainer.BackColor = System.Drawing.Color.Violet;
    if (!object.Equals(tile, null))
    tile.ImageWidth = System.Web.UI.WebControls.Unit.Percentage(100);
    // tile.BackColor = System.Drawing.Color.Violet;
    tile.ImageUrl = "~/Images/green-bar.png";
    tile.Shape = TileShape.Wide;


    protected void RadTileList1_TileClick(object sender, TileListEventArgs e)

    protected void rdSort_SelectedIndexChanged(object sender, EventArgs e)

  2. Marin Bratanov
    Marin Bratanov avatar
    3558 posts

    Posted 02 Jul 2014 Link to this post

    Hi Sanjay,

    Thank you for your report. I am logging this case for improvement and you can read the details and see the possible workaround here: I have also updated your Telerik points as a small token of gratitude for your involvement.


    Marin Bratanov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top