Hi, just trying to get tooltips to work with tabs and so far no luck, it always just shows an empty tooltip
first off the tooltip manager with no targeted controls - no dice
second tried targeting the TabStrip control - no dice
third tried targeting each tab by it's id (not client id) - no dice
fourth tried without tooltip manager and referenced both tabstrip and individual tabs with tooltip control - no dice
I guess that the problem lies in the fact that title is not a valid attribute for a tab control and the tooltip control does not access it's namesake attribute in the tab control.
I haven't tried using ClientID's yet though..
first off the tooltip manager with no targeted controls - no dice
second tried targeting the TabStrip control - no dice
third tried targeting each tab by it's id (not client id) - no dice
fourth tried without tooltip manager and referenced both tabstrip and individual tabs with tooltip control - no dice
I guess that the problem lies in the fact that title is not a valid attribute for a tab control and the tooltip control does not access it's namesake attribute in the tab control.
I haven't tried using ClientID's yet though..
3 Answers, 1 is accepted
0
Hi Mac,
I created simple integration example with RadTooltip and RadTabStrip.There is a known problem with the tooltip width which I work around by adding:
<style type="text/css">
.tabstrip .radtooltip_Default
{
width: auto;
}
</style>
| <%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head runat="server"> |
| <title>Untitled Page</title> |
| <style type="text/css"> |
| .tabstrip .radtooltip_Default |
| { |
| width: auto; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <asp:ScriptManager id="ScriptManager" runat="server" EnablePartialRendering="true"/> |
| <telerik:RadTooltipManager Animation="None" ID="RadTooltipManager1" runat="server" Width="100px"/> |
| <rad:RadTabStrip ID="RadTabStrip1" runat="server"> |
| <Tabs> |
| <rad:Tab ID="Tab1" Text="Tab1" ToolTip="Tab1"></rad:Tab> |
| <rad:Tab ID="Tab2" Text="Tab2" ToolTip="Tab2"></rad:Tab> |
| <rad:Tab ID="Tab3" Text="Tab3" ToolTip="Tab3"></rad:Tab> |
| </Tabs> |
| </rad:RadTabStrip> |
| </div> |
| </form> |
| </body> |
| </html> |
I believe it will help you.
Best Regards,
Petio Petkov
the telerik team
Instantly find answers to your questions at the new Telerik Support Center
0
Mac
Top achievements
Rank 2
Rank 2
answered on 04 May 2007, 08:57 AM
Hi Petio,
Thanks for the example. I tried it and I can see it working. When I tried it in my page however it was still not appearing so I've modified the sample slightly to the point where I can no longer see tooltips.
My tabstrip is contained with a RadPane (Prometheous RadSplitter so no @Register command on page fyi) so I added this to the example and it showed the tooltip correctly.
I also have other controls within the radpane which I do not want tooltips to appear so I added a tooltiptargetcontrol tag. It is at this point that I can no longer see the tooltips.
Thanks
Scott.
Thanks for the example. I tried it and I can see it working. When I tried it in my page however it was still not appearing so I've modified the sample slightly to the point where I can no longer see tooltips.
My tabstrip is contained with a RadPane (Prometheous RadSplitter so no @Register command on page fyi) so I added this to the example and it showed the tooltip correctly.
I also have other controls within the radpane which I do not want tooltips to appear so I added a tooltiptargetcontrol tag. It is at this point that I can no longer see the tooltips.
| <%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %> | |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" > | |
| <head id="Head1" runat="server"> | |
| <title>Untitled Page</title> | |
| <style type="text/css"> | |
| .tabstrip .radtooltip_Default | |
| { | |
| width: auto; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <form id="form1" runat="server"> | |
| <div> | |
| <asp:ScriptManager id="ScriptManager" runat="server" EnablePartialRendering="true"/> | |
| <telerik:RadTooltipManager Animation="None" ID="RadTooltipManager1" runat="server" Width="100px"> | |
| <TargetControls> | |
| <telerik:ToolTipTargetControl TargetControlID="RadTabStrip1" /> | |
| </TargetControls> | |
| </telerik:RadTooltipManager> | |
| <telerik:RadSplitter ID="splitTabMultiPage" runat="server" Orientation="Horizontal"> | |
| <telerik:RadPane ID="PaneTab" runat="server" Height="29" Scrolling="None"> | |
| <rad:RadTabStrip ID="RadTabStrip1" runat="server"> | |
| <Tabs> | |
| <rad:Tab ID="Tab1" Text="Tab1" ToolTip="Tab1"></rad:Tab> | |
| <rad:Tab ID="Tab2" Text="Tab2" ToolTip="Tab2"></rad:Tab> | |
| <rad:Tab ID="Tab3" Text="Tab3" ToolTip="Tab3"></rad:Tab> | |
| </Tabs> | |
| </rad:RadTabStrip> | |
| </telerik:RadPane> | |
| </telerik:RadSplitter> | |
| </div> | |
| </form> | |
| </body> | |
| </html> | |
Thanks
Scott.
0
Hi Mac,
If you want to show Tabs tooltips, you must set their Id's in the RadTooltipManager TargetControls collection:
| <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="pages_Splitter_Temp_Default" %> |
| <%@ Register Assembly="RadTabStrip.Net2" Namespace="Telerik.WebControls" TagPrefix="rad" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" > |
| <head id="Head1" runat="server"> |
| <title>Untitled Page</title> |
| <style type="text/css"> |
| .tabstrip .radtooltip_Default |
| { |
| width: auto; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <div> |
| <asp:ScriptManager id="ScriptManager" runat="server" EnablePartialRendering="true"/> |
| <telerik:RadTooltipManager Animation="None" ID="RadTooltipManager1" runat="server" Width="100px"> |
| <TargetControls> |
| <telerik:ToolTipTargetControl TargetControlID="Tab1" /> |
| <telerik:ToolTipTargetControl TargetControlID="Tab2" /> |
| <telerik:ToolTipTargetControl TargetControlID="Tab3" /> |
| </TargetControls> |
| </telerik:RadTooltipManager> |
| <telerik:RadSplitter ID="splitTabMultiPage" runat="server" Orientation="Horizontal"> |
| <telerik:RadPane ID="PaneTab" runat="server" Height="29" Scrolling="None"> |
| <rad:RadTabStrip ID="RadTabStrip1" runat="server"> |
| <Tabs> |
| <rad:Tab ID="Tab1" Text="Tab1" ToolTip="Tab1"></rad:Tab> |
| <rad:Tab ID="Tab2" Text="Tab2" ToolTip="Tab2"></rad:Tab> |
| <rad:Tab ID="Tab3" Text="Tab3" ToolTip="Tab3"></rad:Tab> |
| </Tabs> |
| </rad:RadTabStrip> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </div> |
| </form> |
| </body> |
| </html> |
Do you have something else in mind?
Kind regards,
Petio Petkov
the telerik team
Instantly find answers to your questions at the new Telerik Support Center