I have a custom telerik skin and am creating a tooltip on the client side using the tooltip manager and client side code. I'm not able to get the tooltip working with my custom skin. After I applied the custom skin, the tooltip will still show, but without a skin, it's background is transparent.
I created a server side tooltip control to test my custom skin and it works.
I tried adding the custom skin on the tooltip manager control, this had no effect.
Is there a way to specify a custom skin for a tooltip when creating the tooltip from the client side.
Here is snipets of my code:
All css files for my skin are registered in default.aspx, here is the tooltip css:
<link rel="stylesheet" type="text/css" href="/dnn51/Portals/_default/WebControlSkins/MySkin/ToolTip.MySkin.css" />
My tooltip manager is registered in the code behind:
RadToolTipManager tooltipMgr = new RadToolTipManager();
tooltipMgr.Skin = "MySkin";
tooltipMgr.EnableEmbeddedSkins = false;
tooltipMgr.ID = "DefaultToolTipMgr";
Page.FindControl("ToolTipMgrPlaceHolder").Controls.Add(tooltipMgr);
In javascript, I create the tooltips:
function pageLoad() {
jQuery(".myLabel").each(function() {
var html = jQuery(this).children("div").html();
if (html != null && html != "") {
var tooltip = $find(__DefaultTooltipManagerID).createToolTip(jQuery(this).children("img")[0]);
tooltip.set_title("<span style=\"padding:15px\">" + html + "</span>");
}
});
}
3 Answers, 1 is accepted
I built up a test demo based on your explanations and code but unfortunately to no avail - I could not reproduce the issue and that is why I attached my test demo to the thread. The demo contains a custom skin which is actually the Sunset skin with red background set. What I can assume that might be causing the issue in your case is that you have forgotten to remove the set background image in the skin in case you have also modified one of the already predefined skins.
Note, however, that the skin modifications are just for test purposes in order to demonstrate that there is no problem with the custom skin or the background when the tooltip is created on the client.
Kind regards,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Rank 1
I am glad my sample is helpful. In case you encounter any problem while replicating the same logic in your original demo, do not hesitate to contact us again!
Best wishes,
Svetlina
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.