Skins

[Sam]

I am using the RadToolTip version 2011.2.1115.40 and I cannot seem to set the skin, the only one it will work with is default and it really isn't skinned.

Thanks,
Sam

[Marin Bratanov]

Hi Sam,

I believe the information from this help article will be useful for you: http://www.telerik.com/help/aspnet-ajax/introduction-skins-location.html. The skins have been migradeted to a separate Skins assembly, so you need to add this to your project. I believe the version you had in mind was 2011.3.1115 judging by the problem and the number. If this is not the case could you explain the situation in more details so we can get a better view of the issue?


Kind regards,
Marin Bratanov
the Telerik team

[Sam]

Thanks.

I added the dll and tried to set my RadToolTipManager to the skin "Web20" and I received this error.

"Telerik.Web.UI.RadToolTipManager with ID='RadToolTipManager1' was unable to find embedded skin with name 'Web20'. Please, make sure that you spelled the skin name correctly, or if you want to use a custom skin, set EnableEmbeddedSkins=false."


<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Skin="Web20"
            Width="200px" Animation="Slide" Position="TopCenter" EnableShadow="true" ToolTipZoneID="RadChart1" AutoTooltipify="true">
        </telerik:RadToolTipManager>

Did the skin names change?

[Marin Bratanov]

Hi Sam,

The name has not changed and the most likely reason for this problem is that the references in your project are not correct. Please make sure you are referencing the Telerik.Web.UI and Telerik.Web.UI.Skins assemblies from the same installation (i.e. they are the same version) and that the references are properly resolved in your application. You may need to rebuild the application or to restart VisualStudio.


All the best,
Marin Bratanov
the Telerik team

[Sam]

Thanks, I'll give it a try. I also noticed that in the new Mac version of safari the tooltip shows any html tags in the tooltip and the skin is not displayed.

[Marin Bratanov]

Hello Sam,

We tried the tooltip under Safari 6 and it worked correctly on our end - it had the skin and the HTML inside was taken into account as expected. Can you confirm there isn't another JavaScript error on your page and that you do not escape content you place in the tooltip (e.g. JS escape() or code-behind HtmlEncode() methods)?


Kind regards,
Marin Bratanov
the Telerik team

[Sam]

Here is the code:

markup
--------------

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" Skin="Default"
            Width="200px" Height="50px"  Animation="Slide" Position="TopCenter"
        EnableShadow="true" ToolTipZoneID="RadChart1" AutoTooltipify="true">
        </telerik:RadToolTipManager>

code behind
----------------

protected void RadChart1_ItemDataBound(object sender, Telerik.Charting.ChartItemDataBoundEventArgs e)
       {

           if (Request.QueryString["s"] != null)
           {
               if (Request.QueryString["s"].ToString() == "PLAYS")
               {
                   e.SeriesItem.ActiveRegion.Tooltip += "<div style='padding: 10px;'>Video - <i>" + ((DataRowView)e.DataItem)["name"].ToString() + "</i><br/> total plays - " + e.SeriesItem.YValue + "</div>";
               }

               if (Request.QueryString["s"].ToString() == "HOURS")
               {
                   e.SeriesItem.ActiveRegion.Tooltip += "<div style='padding: 10px;'>Video - <i>" + ((DataRowView)e.DataItem)["name"].ToString() + "</i><br/> total hours - " + e.SeriesItem.YValue + "</div>";
               }

               if (Request.QueryString["s"].ToString() == "ENGAGEMENT")
               {
                   e.SeriesItem.ActiveRegion.Tooltip += "<div style='padding: 10px;'>Video - <i>" + ((DataRowView)e.DataItem)["name"].ToString() + "</i><br/> engagement - " + e.SeriesItem.YValue + " %</div>";
               }
           }
           else
           {

               e.SeriesItem.ActiveRegion.Tooltip += "<div style='padding: 10px;'>Video - <i>" + ((DataRowView)e.DataItem)["name"].ToString() + "</i><br/> total plays - " + e.SeriesItem.YValue + "</div>";


           }

[Marin Bratanov]

Hello Sam,

I tried this again and again things worked fine with me. I am attaching the test page I used along with a video I recorded during testing.

Can you reproduce this behavior in our online demo, e.g.:
Item Tooltips in Radchart - the one you used as base for these snippets, I believe
First Look for RadToolTip - basic settings
AutoTooltipify demo - the basic demo for the Autotooltipify functionality

Can you also send some screenshots/screen capture of the problematic behavior on your end? Does upgrading to the latest version help?

The demos are working fine on my end and if they are not on yours I would advise that you check your browser settings (e.g. try resetting them to default, remove plugins/addons, etc), check your network connectifity - scripts and styles for the demos are downloaded from our CDN. You can also give the CDN a try for your testing page in case your browser cannot handle the webresources for some reason.

Greetings,
Marin Bratanov
the Telerik team