I "love" the tooltip at the tooltip demo url:
http://www.telerik.com/DEMOS/ASPNET/Prometheus/ToolTip/Examples/ShowEvent/DefaultCS.aspx#
When you hover above the help button the white, slightly transparent tooltip is exactly what we need. The tooltip is inside of a datalist (we are currently using a module.css file)
<asp:DataList ID="RssDataList" runat="server" CssClass="Normal" DataSourceID="RezHubRssDataSource1"> |
<ItemTemplate> |
<div class="rss_item" style="width:<%=RssWidth%>;"> |
|
<a href="javascript:;" id="RssNews" runat="server"> |
<span style="color:<%=RssColor%>"><%#XPath("title")%></span></a> |
|
<telerik:RadToolTip Position="TopCenter" RelativeTo="Element" ID="RadToolTip1" EnableViewState="false" |
ShowEvent="OnClick" ManualClose="true" runat="server" CssClass="rh_tooltip"> |
<div id="rh_deal" class="rh_tip" style="width:<%=RssWidth%>;" runat="server"> |
<%#XPath("description")%> |
<div class="readmore_link"><a id="ReadMore" href='<%#XPath("link")%>' runat="server">Read more...</a></div> |
</div> |
</telerik:RadToolTip> |
</div> |
</ItemTemplate> |
</asp:DataList> |
In the item databound event of the datalist, the following code wires up the tooltip item for item
Dim titleLink As System.Web.UI.HtmlControls.HtmlAnchor = CType(e.Item.FindControl("RssNews"), HtmlAnchor) |
If Not (titleLink Is Nothing) Then |
Dim radToolTip As Telerik.Web.UI.RadToolTip = CType(e.Item.FindControl("RadToolTip1"), Telerik.Web.UI.RadToolTip) |
If Not (radToolTip Is Nothing) Then |
radToolTip.TargetControlID = titleLink.ClientID |
radToolTip.IsClientID = True |
End If |
End If |
We drastically need something different that the "default skin". Would anyone per chance enlighten me one more time how to do this?