This is a migrated thread and some comments may be shown as answers.

How to add PeekTemplate to RadIconTile on server side

1 Answer 57 Views
TileList
This is a migrated thread and some comments may be shown as answers.
Nitisak
Top achievements
Rank 1
Nitisak asked on 08 Oct 2013, 04:35 AM
HI , Telerik Support Team

I need to add PeekTemplate  (<img src="../../Img/Wide/img_edit.png" alt="" />)
to RadIconTile on Server-side
Below is my code :
RadIconTile rIcon = new RadIconTile();
rIcon.Target = "_blank";
rIcon.NavigateUrl = "http://google.com";
rIcon.Shape = TileShape.Wide;
rIcon.ImageUrl = "img/menu/icon_editor.png";
rIcon.BackColor = System.Drawing.Color.Green;
rIcon.Title.Text = "editor";
rIcon.PeekTemplateSettings.Animation = PeekTemplateAnimation.Slide;
rIcon.PeekTemplateSettings.ShowInterval = 4000;
rIcon.PeekTemplateSettings.CloseDelay = 3000;
rIcon.PeekTemplateSettings.AnimationDuration = 800;
rIcon.PeekTemplateSettings.ShowPeekTemplateOnMouseOver = true;
rIcon.PeekTemplateSettings.HidePeekTemplateOnMouseOut = true;
rIcon.PeekTemplateSettings.Easing = "easeOutExpo";
 
rMenu.Groups[0].Tiles.Add(rIcon);

Thx. Nitisak

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 08 Oct 2013, 10:09 AM
Hello Nitisak,

You can use the PeekContentContainer property each tile exposes (http://www.telerik.com/help/aspnet-ajax/tilelist-server-side-tile-object.html) to add the desired controls to its peek template. It can be a simple literal for your image. An example is shown here: http://www.telerik.com/help/aspnet-ajax/tilelist-server-side-programmatic-creation.html.


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
TileList
Asked by
Nitisak
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or