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

How To Style Radgrid Tooltip Created At Runtime

2 Answers 195 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andy
Top achievements
Rank 1
Andy asked on 02 Apr 2014, 05:30 PM
Hi,

I've created a tooltip for my radgrid in the ItemCreated Event as shown in the code below.  However, I need to style the tooltip now and I don't know how to do it.  Can someone help me with this?

Thanks,

Andy
protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
       {
           if (e.Item is GridDataItem)
           {
               GridDataItem gridItem = e.Item as GridDataItem;
               foreach (GridColumn column in RadGrid1.MasterTableView.RenderColumns)
               {
                   if (column is GridBoundColumn)
                   {
                       if (column.UniqueName == "SocSecNum")
                       {
                           CaseSearchDTO obj = (CaseSearchDTO)gridItem.DataItem;
                           if (obj != null)
                               gridItem[column.UniqueName].ToolTip = obj.SocialSecurityNumberFull;
                       }
                   }
               }
           }

 

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Jayesh Goyani
Top achievements
Rank 2
answered on 03 Apr 2014, 05:19 AM
Hello,

As per your code snippet, Radgrid (row) shows browser's defult tooltip and we can not change it's style. 

If you want to use your custom style then please use RadTooltip.

Thanks.
Jayesh Goyani
0
Andy
Top achievements
Rank 1
answered on 03 Apr 2014, 03:09 PM

Hi Jayesh,

Thanks for your help.  I was able to solve the problem by using the RadToolTip as you suggested.  I just added a GridTemplateColumn inside the MasterTableView as shown below.  Thanks again for your help.

 

Here's the code:

<telerik:GridTemplateColumn DataField="SocialSecurityNumber" HeaderText="SSN" UniqueName="SocSecNum" HeaderStyle-Width="6em"
                          ItemStyle-HorizontalAlign="Center"  HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true">
                          <ItemTemplate>
                              <asp:Label ID="Label1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.SocialSecurityNumber") %>' Visible="True"></asp:Label>
                              <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="Label1"
                                  RelativeTo="Element" Position="MiddleRight"> <%# DataBinder.Eval(Container, "DataItem.SocialSecurityNumberFull") %>
                              </telerik:RadToolTip>
                          </ItemTemplate>
                      </telerik:GridTemplateColumn>
Tags
Grid
Asked by
Andy
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Andy
Top achievements
Rank 1
Share this question
or