This is a migrated thread and some comments may be shown as answers.

Tooltip inside Radgrid style no longer works

2 Answers 73 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Rory
Top achievements
Rank 1
Rory asked on 25 Jun 2009, 10:45 PM
Hi there, I just upgraded from last years Telerik Ajax to this years latest release. One item that no longer works is our tooltip inside the radgrid. Here is our simple html and a picture of the mess. The style is now bad the scrolling and content is too small and the bottom borders are messed up too.

Picture of issue

<telerik:GridTemplateColumn AllowFiltering="false"   
    HeaderStyle-Width="25px"     
    ItemStyle-Width="25px"   
    UniqueName="QuickViewColumn">  
<ItemTemplate> 
    <asp:HyperLink runat="server" ID="hl1" style="text-decoration:underline;       
        color:Blue;   
        cursor:pointer;">view  
    </asp:HyperLink> 
    <telerik:RadToolTip ID="rtt1" runat="server" 
          IsClientID="true"   
          Width="600"   
          Height="300"   
          Skin="WebBlue"   
          Position="TopRight"   
          RelativeTo="Element"   
          Sticky="true"   
          ContentScrolling="Y"   
          ShowCallout="false"   
          OffsetX="20" > 
      <%# DataBinder.Eval(Container, "DataItem.Content") %> 
  </telerik:RadToolTip> 
</ItemTemplate> 
</telerik:GridTemplateColumn> 

2 Answers, 1 is accepted

Sort by
0
Rory
Top achievements
Rank 1
answered on 25 Jun 2009, 11:05 PM
Helpful update, I found the culprit. It is in our custom style of the grid's "TD" when we set the height. 
see below.

.RadGrid_WebBlue .rgRow td,  
.RadGrid_WebBlue .rgAltRow td,  
.RadGrid_WebBlue .rgEditRow td,  
.RadGrid_WebBlue .rgFooter td  
{  
    height18px !important;  
    border-topsolid 1px #d2d8db !important;  
    border-bottomsolid 1px white !important;  
    border-left-style: none !important;  
    border-right-style: none !important;  

Is there anyway for us to use this .rgRow...TD style without it also overriding the style on our Tooltip.
0
Svetlina Anati
Telerik team
answered on 01 Jul 2009, 09:45 AM
Hello Rory,

What I can suggest in your case is to keep the current styles but to also provide a higher priority to the particular CSS selector of the tooltip  in order to override the styles inherited from the grid's CSS. This can be done by using the keyword !important.

In case you need further assistance, please provide a live url if possible and we will examine the styles there.

All the best,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
ToolTip
Asked by
Rory
Top achievements
Rank 1
Answers by
Rory
Top achievements
Rank 1
Svetlina Anati
Telerik team
Share this question
or