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){}
<
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"
>
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?
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
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.
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
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.
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
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