[Solved] RadGrid - header tooltip

[Joseph]

I have a RadGrid that has grouping enabled. The column headers currently display a default tooltip "Drag to group or reorder". I want to replace this tooltip for one of the column headers with the text say "custom tooltip"  and leave the other column headers with the default tool tip. I tried to set the custom tooltip for a column named "Template1" using the following code

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
  {
    if (e.Item is GridHeaderItem)
        {
                GridHeaderItem header = (GridHeaderItem)e.Item;
                header["Template1"].ToolTip = "custom tooltip";
    }
  }

The definition for the grid column is given below,
<telerik:GridTemplateColumn UniqueName="Template1" HeaderText="C">  
   <ItemTemplate>  
    <asp:LinkButton ID="LinkButton1" runat="server" Visible="true" OnClick="LinkButton1_Click1">View</asp:LinkButton>  
   </ItemTemplate>  
</telerik:GridTemplateColumn>

It still displays the default tooltip "Drag to group or reorder" for the "Template1" column.

If I add the following to the <ClientSettings> section of the RadGrid then no tooltip is displayed for none of the columns.

<ClientMessages DragToGroupOrReorder="" />

Any ideas?

[Shinu]

Hi,

With reference to this forum thread, You could try setting the RadGrid.ClientSettings.ClientMessages.DragToGroupOrReorder property to an empty string and specifying a HeaderTooltip for each column separately.

Thanks,
Shinu

[Joseph]

Shinu,

That is exactly I tried as you can see in the code sample I pasted here but it is not working. I specified DragToGroupOrReorder="" on the client side which I assume is same as RadGrid.ClientSettings.ClientMessages.DragToGroupOrReorder = "" on the server side.

I also have the code to set tooltip for a column as given below. But for some reason, the "custom tooltip" is not getting displayed.

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
  {
    if (e.Item is GridHeaderItem)
        {
                GridHeaderItem header = (GridHeaderItem)e.Item;
                header["Template1"].ToolTip = "custom tooltip";
    }
  }

Thanks

[Shinu]

Hi,

The observed behavior is expected since the dragging tooltip has a higher "priority" than the regular one. In order to show the custom declared tooltips of the columns, please try the following approach:
aspx:

<telerik:GridTemplateColumn UniqueName="Template1" HeaderText="C"  HeaderTooltip="custom tooltip">
   <ItemTemplate>
    <asp:LinkButton ID="LinkButton1" runat="server" Visible="true" OnClick="LinkButton1_Click1">View</asp:LinkButton>
   </ItemTemplate>
</telerik:GridTemplateColumn>
 <ClientSettings    AllowDragToGroup="true" >
  <ClientEvents OnColumnMouseOver="columnHeaderHovered" />
 </ClientSettings>

JS:

function columnHeaderHovered(sender, args) {
      var headerTooltip = args.get_gridColumn().get_element().title;
      if (headerTooltip != "") {
          sender.ClientSettings.ClientMessages.DragToGroupOrReorder = headerTooltip;
      }
      else {
          sender.ClientSettings.ClientMessages.DragToGroupOrReorder = "Drag to group or reorder";
      }
  }

Thanks,
Shinu