TileGroup Title

4 posts, 0 answers
  1. Randy
    Randy avatar
    3 posts
    Member since:
    May 2014

    Posted 09 May Link to this post

    01.private void BuildUserGroup() {
    03.            group = new TileGroup();
    04.            //group.Name = "Personal";
    05.            group.Title = "Personal";
    07.            BuildDashboard();
    08.            group.Tiles.Add(kpiTile);
    09.            BuildMyCompetencies();
    10.            group.Tiles.Add(kpiTile);
    11.            BuildTranscript();
    12.            group.Tiles.Add(tile);
    13.            BuildCatalog();
    14.            group.Tiles.Add(tile);          
    15.            BuildIDP();
    16.            group.Tiles.Add(tile);
    18.            rtlTJA.Groups.Add(group);
    19.        }

    Above is a snippet of code I use in the code behind to create groups and tiles dynamically. It works great without referencing the Title property (image #1). When I un-comment it above, the tiles disappear (image #2).

    I am using version 2016.1.113.35.

  2. Ianko
    Ianko avatar
    1507 posts

    Posted 12 May Link to this post

    Hello Randy,

    I tried to replicate the scenario in a local ASP.NET site using the mentioned version, but to no avail. 

    I have attached an example so that you can see if I am missing something that might be the reason for the results you experience. It would be helpful if you can further update the sample sent and provide it so that I can investigate the code that leads to the described situation. 

    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. DevCraft R3 2016 release webinar banner
  4. Randy
    Randy avatar
    3 posts
    Member since:
    May 2014

    Posted 12 May in reply to Ianko Link to this post

    <asp:Panel runat="server" ID="pnlTJA">
        <telerik:RadScriptBlock runat="server" ID="rscbBrowse">
            <script type="text/javascript">
                function tileHover(ele) {
                    addClass(ele, "tileHover");
                    removeClass(ele, "tile");
                function tileNormal(ele) {
                    addClass(ele, "tile");
                    removeClass(ele, "tileHover");
                function hasClass(ele, cls) {
                    return ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
                function addClass(ele, cls) {
                    if (!hasClass(ele, cls)) ele.className += " " + cls;
                function removeClass(ele, cls) {
                    if (hasClass(ele, cls)) {
                        var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
                        ele.className = ele.className.replace(reg, ' ');
                function LogOutConfirm(arg) {
                    if (arg) {
                        $find("<%= ramTJA.ClientID %>").ajaxRequest("LogOut");
                        window.setTimeout(Quit, 1000);                       
                function RefreshCatalog(sender, eventArgs) {
                    $find("<%= ramTJA.ClientID %>").ajaxRequest("RefreshCatalog");
                function RefreshApproval(sender, eventArgs) {
                    $find("<%= ramTJA.ClientID %>").ajaxRequest("RefreshApproval");
                function Quit() {
                    window.open('', '_self', '');
                function LiveError(sender, eventArgs) {
                   //if(eventArgs.get_errorMessage().indexOf("500") > -1) {
        <div class="pad bkgTrianglesSmall">
                <telerik:RadTileList runat="server" ID="rtlTJA" Height="450px" OnDataBinding="rtlTJA_DataBinding" AutoPostBack="false" CssClass="scrollNoVertical" ScrollingMode="Native" RenderMode="Lightweight" TileRows="2" />
                Behaviors="Close, Move, Resize, Maximize, Reload"

    Above is a code block from my default.aspx page.

    protected void rtlTJA_DataBinding(object sender, EventArgs e) {
        if(true) {
        if(tjaCache.TJAUser.SecurityRole.GetAccess() >= Permissions.Edit) {

    I have methods that I use to create the tiles dynamically.

    The BuildUserGroup method in the beginning of the post is called in the binding.

    private void BuildCatalog() {
        tile = BuildTile(TileShape.Square, "Catalog", "bkgTileCatalog", "DisplayInCart", "Click to browse catalog");
        window = BuildWindow("Catalog", "~/Catalog/Browse.aspx", 1200, 600, true);
        clickAction = "radopen(null, '" + window.ID + "');";
        tile.Attributes.Add("onclick", clickAction);

     Each tile is built in the code behind and associated to a dynamically build RadWindow.

    private RadLiveTile BuildTile(TileShape shape, String name, String cssClass, String method, String toolTip) {
        tile = new RadLiveTile();
        tile.ID = "tile" + name;
        tile.Name = name;
        tile.Attributes.Add("onmouseover", "tileHover(this)");
        tile.Attributes.Add("onmouseout", "tileNormal(this)");
        tile.WebServiceSettings.Method = method;
        tile.WebServiceSettings.Path = "Default.aspx";
        tile.ClientTemplate = "<div class='liveDiv'><span class='liveText'>#= data #</span></div>";
        tile.ClientTemplateAnimationSettings.Animation = ClientTemplateAnimation.None;
        tile.UpdateInterval = method.Equals("DisplayNothing") ? 0 : 300000;
        tile.OnClientDataLoadingError = "LiveError";
        tile.CssClass = "tile bkgTile " + cssClass;
        tile.Shape = shape;
        tile.Title.Text = name;
        return tile;

    Above is the "tile factory" method.

    Somewhere in this complexity, the addition of a Group.Title prevents my dynamic tiles from displaying.

  5. Ianko
    Ianko avatar
    1507 posts

    Posted 13 May Link to this post

    Hi Randy,

    I am afraid the sent code does not shed much more light on the reason for the encountered issue. 

    I suggest you using the page I sent you in my previous reply as a base and build up the situation that you have on your end. By attaching it to your message I will be able to run the page and see the result you get on your end. Plus, I will be able to determine better what the difficulty is. 

    On a side note, check if upgrading will not resolve the issue. The encountered situation might be an already fixed bug. 

    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top