Hello Robert,
Now I see. Judging by what you say:
"
if i set embeddedstyle=false and no stylesheet for tooltip is present then also my styles are not applied!"
it is almost certain that the problem is caused by the fact that the ToolTip is not located inside the elements that you expect and as a result, the User Control cannot inherit styles from parent HTML elements. Let's imagine the following situation: you have a textbox inside the
.someOtherElement element, which has the following styles:
.someWrapper .someOtherElement {
........
}
This textbox has an associated RadTooltip. In order to appear on top of all other elements, the tooltip has to be rendered directly in the <form> element and NOT inside
.someOtherElement, as the textbox is. This is the reason that no styles will be inherited from "someOtherElement" by the ToolTip content.
One solution to this problem is to add a new CSS class to the user control inside the ToolTip and duplicate the needed styles for it, for example:
.someWrapper .someOtherElement .UserControlCssClass {
........
}
<telerik:RadToolTip>
<ContentTemplate>
<div class="
UserControlCssClass">
.... UserControl here .... </div>
</ContentTemplate>
</telerik:RadToolTip>
Another solution is to add a wrapping div with the appropriate missing CSS class around the user control inside the RadToolTip, so that the user control inherits styles correctly. For example:
<telerik:RadToolTip>
<ContentTemplate>
<div class="
someOtherElement">
.... UserControl here .... </div>
</ContentTemplate>
</telerik:RadToolTip>
And finally, you have the option to write some new CSS code for the user control inside the ToolTip.
I hope this helps and that I am on the right track with my assumptions. If not, please explain what exactly is the situation.
All the best,
Dimo
the Telerik team