Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
58 views

Hello, I have a RadTileList in my page in which I add Tiles in the code behind. I need to know when a tile is clicked.

The problem is that the click event is only sent when I click on a tile created in aspx, not in the code behind.

When I click on a tile created and added to the RadTileList in the code behind, nothing happens.

I also tried to add a click event to the tile itself, but that didn't help.

 

RadTileList :

<telerik:RadTileList RenderMode="Mobile" SelectionMode="Single" runat="server" ID="RadTileList1" Style="max-height: 900px" OnTileClick="SupportTile_Click" OnSelectionChanged="SupportTile_Click" AutoPostBack="true">
    <Groups>
        <telerik:TileGroup Title="Supports">
            <telerik:RadContentTemplateTile runat="server" Shape="Wide" Height="100%">
                <ContentTemplate>
                    <div class="row">
                        <div class="col" style="max-width: 4%">No.</div>
                        <div class="col" runat="server" style="max-width: 15%; border: solid 1px black; text-align: center;">
                        </div>
                        <div class="col" style="max-width: 10%">Status</div>
                        <div class="col" runat="server" style="max-width: 33%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 14%">Barcode</div>
                        <div class="col" runat="server" style="max-width: 64.2%; border: solid 1px black; text-align: center;"></div>
                    </div>

                    <br />

                    <div class="row">
                        <div class="col" style="max-width: 7%">Four</div>
                        <div class="col" runat="server" style="max-width: 30%; border: solid 1px black; text-align: center;"></div>
                        <div class="col" style="max-width: 13%"></div>
                        <div class="col" style="max-width: 5%">Actif</div>
                        <div class="col" style="max-width: 4%">
                            <asp:CheckBox Checked="true" runat="server"></asp:CheckBox></div>
                    </div>
                </ContentTemplate>
            </telerik:RadContentTemplateTile>

        </telerik:TileGroup>
    </Groups>
</telerik:RadTileList>

Tile insertion in code behind :


RadContentTemplateTile rctt2 = new RadContentTemplateTile();
rctt2.Shape = TileShape.Wide;
rctt2.Click += SupportTile_Click;
rctt2.AutoPostBack = true;
RadTileList1.Groups[0].Tiles.Add(rctt2);


protected void SupportTile_Click(object sender, EventArgs e){}

Vessy
Telerik team
 answered on 16 Mar 2022
2 answers
54 views
Hi There

I'm using a RadTileList to display a range of items from a SQL DB.
I want each tile to link to a certain (the same) page and also provide the "ID" field of that item in a querystring. But I'm not sure how to accomplish this.

So I currently have this:
<telerik:RadTileList runat="server" ID="tileListSticky" AppendDataBoundItems="true" RenderMode="Classic"
                Width="100%" TileRows="4" OnTileDataBound="RadTileList1_OnTileDataBound" OnTileCreated="RadTileList1_OnTileCreated" Skin="Sunset" ScrollingMode="Auto" SelectionMode="Single" AutoPostBack="true" OnTileClick="tileListSticky_TileClick">

Importantly, the "OnTileClick" part fires an event, but I'm not sure how to go about getting the "ID" field of the item in the DB. It's not specifically bound to the tile either.

Regards
JohannS


Otoniel
Top achievements
Rank 1
 answered on 16 Dec 2019
3 answers
37 views

The following code produces 'test' message on initial load, before actual click.

 

  <telerik:RadImageTile ID="ritTREDAIR" Name="TREDAir"
                                   Height="385" Width="340px"
                                   runat="server"
                                   OnClientClicking="alert('test')">
                    <Title Text="TREDAir"></Title>
  </telerik:RadImageTile>

Am i doing something wrong?

Vessy
Telerik team
 answered on 08 Aug 2018
4 answers
68 views

Good morning,

 

We are witnessing an issue in the latest version of FireFox (v59.0), Telerik Ajax 2018 R1, where the tile click event is not firing - issue can be replicated on the Tile demo page also:

https://demos.telerik.com/aspnet-ajax/tilelist/examples/overview/defaultcs.aspx

 

This appears to be due to amendments to the pointer functionality mentioned in the 59.0 release notes:

"Added support for W3C specs for pointer events and improved platform integration with added device support for mouse, pen, and touch screen pointer input"

https://www.mozilla.org/en-US/firefox/59.0/releasenotes/

 

This can be proved further by modifying the about:config and setting the dom.w3c_pointer_events.enabled value to disabled and refreshing the page, after which the tiles work.

 

Screen record:

https://www.screencast.com/t/dc4duWvP6

 

This is affecting our production environment, so a quick fix/workaround would be appreciated.

Many thanks

Peter Milchev
Telerik team
 answered on 21 Jun 2018
2 answers
79 views

Hi Telerik,

 

I want to know if is it possible to change the cursor when the mouse is over a RadIconTile object ?

I tried to apply a CSS style, but the modification is not considered.

 

Thank you.

Valentin
Top achievements
Rank 1
Iron
Iron
 answered on 04 Jun 2018
2 answers
53 views

Hi,

is there an example of the structure for a XML Datasource bind to TileList?

Can anyone post an example of a XMLFile ? Sorry nothing to find in forums and internet ...

Thanks

Yano
Top achievements
Rank 1
 answered on 14 Mar 2018
0 answers
35 views

Hi,

I'm using a 2016 version of you product and I've a problem with radTileList.

I've 3 different groups with some tile for each one.

I need to drag&drop tiles from a group to another. This feature works well but when a Group is empty, his title disappears.

Also if I put a tile in it. The title remains invisible.

This behavior is also verifiable in your online demo.

Is there a way to solve it?

Thank you.

Davide
Top achievements
Rank 1
 asked on 23 Nov 2017
2 answers
88 views
Hello,
        I am using RadImageAndTextTile.I want to hide Title text and title image when peek template is visible.Please suggest me how could I achieve this?
Thank you
Debasish
Top achievements
Rank 1
 answered on 25 Sep 2017
1 answer
60 views

Hi,

Instead of putting a check mark on the upper-right corner when a tile is clicked, is there a way to highlight the tile?

Wesley

Vessy
Telerik team
 answered on 04 Aug 2017
1 answer
85 views

Hey,

My problem is that I'm trying to create a RadTileList programmatically to populate an Intranet staff page.

We've developed a page in which users can choose an image of themselves, along with fill out the details we don't keep in Active Directory, and then we pull the photo, AD information and profile information and pop it into a staff page. Works beautifully, and the Telerik controls really improve the look and feel of it.

Then we wanted to make a series of image galleries for different teams, different job roles etc. We can pull the data for these groups no problem. Then the plan is that everyone gets their image put into a gallery, which we're going to use the RadToolTip functionality on to preview before they can open the page to learn all about the member of staff. Herein lies my problem, because I can't populate the RadTileList using the byte array (byte[]) images.

Below is an example of how I'm TRYING to code it. Unfortunately I have so much to do on this project and so little time to do it in that I really can't afford to be spending much longer trying to get this to work. Any chance you could provide a solution?

protected void LoadStaffList(DataTable staffList, Image notAvailable)
{
    var tileList = new RadTileList();
    var tileGroup = new TileGroup();
    var memoryStream = new MemoryStream();
    var image = Resources.photonotavailable;
    image.Save(memoryStream, ImageFormat.Png);
 
    foreach (DataRow row in staffList.Rows)
    {
        var imageTile = new RadImageTile();
        var userPhoto = row["UserPhoto"] != DBNull.Value ? row["UserPhoto"] : null;
        imageTile.DataItem = (byte[]) userPhoto ?? memoryStream.ToArray(); <-- YOU CAN'T DO THIS!!
        imageTile.Shape = TileShape.Square;
        tileGroup.Tiles.Add(imageTile);
    }
 
    tileList.Groups.Add(tileGroup);
    divTeamInformation.Controls.Add(tileList);
}

I'm assuming there's a way to use a RadBinaryImage or something else in place of the RadImageTile? Or some other way to set the data without writing the byte array to a temp file and then setting the temp file as the Image Source, because both of those would be incredibly annoying to have to do.

Any help you could provide would be massively appreciated. Apologies if it's a duplicate topic but I couldn't see one like it.

Thanks,

-Alexis

Marin Bratanov
Telerik team
 answered on 26 Jul 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
horváth
Top achievements
Rank 2
Iron
Iron
Steve
Top achievements
Rank 2
Iron
Erkki
Top achievements
Rank 1
Iron
Mark
Top achievements
Rank 2
Iron
Iron
Veteran
Jakub
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?