I have used Rad Tooltip to display the information of each row in the rad grid when hovered over the first columns label. I get the tooltip correctly positioned on bottom right of the label for each row but in IE6 Its being displayed somewhere on the top of the grid in the browser. I am sending you the code
<!-- code using telerik rad grid for displaying default view of competencies -->
<telerik:RadGrid ID="lstCompetencies" runat="server" AllowPaging="True"
AllowSorting="True" GridLines="both" Skin="WebBlue"
PagerStyle-Mode="Slider" Width="610px" PageSize="25">
<ExportSettings ExportOnlyData="False" FileName="Competencies" Excel-Format="Html"
OpenInNewWindow="True">
</ExportSettings>
<PagerStyle Mode="Slider" />
<MasterTableView autogeneratecolumns="False">
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="False" Resizable="False">
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:Label ID="lblComp" Text='<% #Eval("CompetencyName") %>' runat="server"></asp:Label>
<!-- POP Up control for displaying competency info -->
<telerik:RadToolTip runat="server" ID="RadToolTip1"
TargetControlID="lblComp" IsClientID="False" OffsetY="4" Sticky="true" Animation="Slide"
Position="BottomRight" RelativeTo="Element" Skin="Web20">
<b><asp:Label Font-Underline="True" id="lbl0" Width="100%" text="Competency Description" runat="Server"/></b><br /><br />
<asp:Label Width="100%" text='<%# "<b>Competency Name</b> : " & Eval("CompetencyName")%>' runat="Server"/><br />
<asp:Label Width="100%" text='<%# "<b>Category Name</b> : " & Eval("CatogeryName") %>' runat="Server"/><br />
<asp:Label Width="100%" text='<%# "<b>Description</b> : " & Eval("CompetencyDesc") %>' runat="Server"/><br />
<asp:Label Width="100%" text='<%# "<b>Skill Type</b> : " & Eval("SkillTypeName") %>' runat="Server"/><br />
<asp:Label Width="100%" text='<%# "<b>Skill Level Type</b> : " & Eval("SkillLevelType") %>' runat="Server"/><br />
</telerik:RadToolTip>
<!-- end of pop up control for displaying info -->
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="CatogeryName" HeaderText="CategoryName"
SortExpression="CatogeryName" UniqueName="CatogeryName">
</telerik:GridBoundColumn>
etc....Is there any solution to sort it out. The thing is i want the tooltip to be displayed exactly at the bottom right of a row column in IE6 too.
Thanks,
Sandeep.M
1 Answer, 1 is accepted
The most probable reason for the problem is that the page doctype is not XHTML-compliant. The <!DOCTYPE> declaration should be the default one when opening a new WebForm in VS2005:
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
In our latest release - Q1 2008 SP2 - we did update the tooltip to function in browser quirksmode due to it commonly being used in DNN, where the DOCTYPE is not XHTML compliant but users cannot change that.
So, our suggestion is to check your page's DOCTYPE and change it to the above declaration or to upgrade to the latest SP2 and test your project again.
On a side note, you write you are using the tooltip in a project, but you are not marked as having any telerik licenses. Can you please let us know in a support ticket who is the license holder or your Telerik RadCotnrols purchase?
Best wishes,
Svetlina
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center