Load tooltip on item of the grid

[Fabio Cirillo]

Hello,

i've this grid:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" AutoGenerateHierarchy="True" CellSpacing="0" Culture="it-IT" Height="450px" GridLines="None" PageSize="30" Skin="WebBlue" Width="1024px">
                    <ClientSettings>
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                    <MasterTableView>
                        <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                        <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </RowIndicatorColumn>
                        <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </ExpandCollapseColumn>
                        <Columns>
                            <telerik:GridTemplateColumn FilterControlAltText="Filter column column" UniqueName="column">
                                <ItemTemplate>
                                    <asp:Image ID="imgsesso" BorderWidth="0px" ImageUrl='<%# IIf(Convert.ToInt32(DataBinder.Eval(Container.DataItem, "sesso")) = "1", "~/image/icone/male16x16.png", "~/image/icone/Girl16x16.png")%>'
                                        AlternateText="sesso" runat="server"></asp:Image>
                                </ItemTemplate>
                                <HeaderStyle Width="30px" />
                            </telerik:GridTemplateColumn>
                            <telerik:GridNumericColumn DataField="idrecord" DataType="System.Int32" DecimalDigits="0" FilterControlAltText="Filter idrecord column" ReadOnly="True" UniqueName="idrecord" Visible="False">
                            </telerik:GridNumericColumn>
                            <telerik:GridNumericColumn DataField="idrecordconnesso" DecimalDigits="2" FilterControlAltText="Filter idrecordconnesso column" ReadOnly="True" UniqueName="idrecordconnesso" Visible="False">
                            </telerik:GridNumericColumn>
                            <telerik:GridNumericColumn DataField="sesso" DecimalDigits="2" FilterControlAltText="Filter sesso column" ReadOnly="True" UniqueName="sesso" Visible="False">
                            </telerik:GridNumericColumn>
                            <telerik:GridBoundColumn DataField="cognome" FilterControlAltText="Filter cognome column" HeaderText="Cognome" ReadOnly="True" UniqueName="cognome">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="nome" FilterControlAltText="Filter nome column" HeaderText="Nome" ReadOnly="True" UniqueName="nome">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="cittadinanza" FilterControlAltText="Filter cittadinanza column" HeaderText="Cittadinanza" ReadOnly="True" UniqueName="cittadinanza">
                                <HeaderStyle Width="100px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="luogonascita" FilterControlAltText="Filter luogonascita column" HeaderText="Luogo di nascita" ReadOnly="True" UniqueName="luogonascita">
                                <HeaderStyle Width="150px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="datanascita" DataType="System.DateTime" FilterControlAltText="Filter datanascita column" HeaderText="Data nascita" ReadOnly="True" UniqueName="datanascita">
                                <HeaderStyle Width="85px" HorizontalAlign="Center" />
                                <ItemStyle HorizontalAlign="Center" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="luogoresidenza" FilterControlAltText="Filter luogoresidenza column" HeaderText="Luogo di residenza" ReadOnly="True" UniqueName="luogoresidenza">
                                <HeaderStyle Width="150px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="documento" FilterControlAltText="Filter documento column" HeaderText="Documento" ReadOnly="True" UniqueName="documento">
                                <HeaderStyle Width="150px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="ndocumento" FilterControlAltText="Filter ndocumento column" HeaderText="Numero" ReadOnly="True" UniqueName="ndocumento">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="luogodocumento" FilterControlAltText="Filter luogodocumento column" HeaderText="Luogo documento" ReadOnly="True" UniqueName="luogodocumento">
                                <HeaderStyle Width="150px" />
                            </telerik:GridBoundColumn>
                            <telerik:GridNumericColumn DataField="ncomponenti" DataType="System.Int32" DecimalDigits="2" FilterControlAltText="Filter ncomponenti column" HeaderText="ncomponenti" ReadOnly="True" UniqueName="ncomponenti" Visible="False">
                            </telerik:GridNumericColumn>
                        </Columns>

                        <EditFormSettings>
                            <EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
                        </EditFormSettings>

                        <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>
                    </MasterTableView>

                    <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>

                    <FilterMenu EnableImageSprites="False"></FilterMenu>
                </telerik:RadGrid>

I want that when the user hovers the mouse over the column where it is the image you upload a tooltip that shows the details of the selected record, taking data from a sql query or from fields in the grid that might be invisible. how do I load the tooltip?

[Princy]

Hi Fabio Cirillo,

Please have a look at this demo on Tooltipified RadGrid.

Thanks,
Princy.