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
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