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?