Skins

8 posts, 0 answers
  1. Sam
    Sam avatar
    20 posts
    Member since:
    Apr 2011

    Posted 09 Aug 2012 Link to this post

    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
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 10 Aug 2012 Link to this post

    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
    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 their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sam
    Sam avatar
    20 posts
    Member since:
    Apr 2011

    Posted 10 Aug 2012 Link to this post

    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?
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 13 Aug 2012 Link to this post

    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
    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 their blog feed now.
  6. Sam
    Sam avatar
    20 posts
    Member since:
    Apr 2011

    Posted 13 Aug 2012 Link to this post

    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.

  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 15 Aug 2012 Link to this post

    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
    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 their blog feed now.
  8. Sam
    Sam avatar
    20 posts
    Member since:
    Apr 2011

    Posted 15 Aug 2012 Link to this post

    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>";
                
                
               }


  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 20 Aug 2012 Link to this post

    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
    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 their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017