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

Tooltip inside Radgrid style no longer works

2 Answers 104 Views

ToolTip

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

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

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  
        
            {  
        
                height: 18px !important;  
        
                border-top: solid 1px #d2d8db !important;  
        
                border-bottom: solid 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.