Radgrid tooltip

[Rashmi]

Hi,
 I have a radgrid. I am binding data to radgrid on server side and in ItemDataBound event I am manipulating each cell in each row assigning text and tooltip to it. I am also creating columns programmatically beforehand. Everything works fine until I reorder any column on client side. After reordering tooltip that is shown is of item which was initially at that position and same for alignment. So can you please help me out in setting alignment and tooltip?

Thanks,
mahesh

[Shinu]

Hello Mahesh,

Check the following forum thread which discussed similar scenario.
tooltip and ragrid column reordering

-Shinu.

[Rashmi]

Hi,
 I don't wish to have server side reordering. So solution will not work for me. Is there any solution where I can show tooltip on mouse hover on each particular cell using Javascript?

[Veli]

You can take an alternative approach in this case. Instead of setting tooltip to the grid table cells, use a label or another control inside your cells and set a tooltip to that label. Thus, when RadGrid columns are reordered on the client, your labels will get swapped along with the tooltips.

Veli
the Telerik team

[Rashmi]

Hi Veli,
 Can you elaborate on this more or provide some sample code?
Thanks,
Mahesh

[Veli]

Hi Mahesh,

You can have a GridTemplateColumn with a Label control in the ItemTemplate:

<telerik:GridTemplateColumn>
    <ItemTemplate>
        <asp:Label ID="Label1" runat="server" ToolTip="TOOLTIP FOR FIELD ID">
            <%# Eval("ID") %>
        </asp:Label>
    </ItemTemplate>
</telerik:GridTemplateColumn>

The content of the Label is bound to the ID field using a binding expression. You can set the Tooltip to the label control. Thus, when your cells are reordered, the labels will get swapped along with their respective tooltips.

Veli
the Telerik team

[Rashmi]

Hi,
 I am not using GridTemplateColumn but GridBoundColumn and GridImageColumn. So your solution will not work for me. Can you provide with some other workaround? Thanks for your efforts.
Regards,
Mahesh

[Veli]

Hello Mahesh,

For GridBoundColumns, you can use the DataFormatString property to wrap the contents of your cell in a <span> element with the requiored tooltip:

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID"
    DataFormatString="<span style='display:block' title='Tooltip for ID column'>{0}</span>" />

Using this trick, your table cells will contain <span> elements with a tooltip and these will get swapped when reordering columns.

There is no workaround we can suggest for the GridImageColumn.

Veli
the Telerik team

[Rashmi]

Thanks a lot..that solved my problem.
Regards,
Mahesh