Load tooltip on item of the grid

2 posts, 0 answers
  1. Fabio Cirillo
    Fabio Cirillo avatar
    180 posts
    Member since:
    Jan 2010

    Posted 16 Jul 2013 Link to this post

    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?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 16 Jul 2013 Link to this post

    Hi Fabio Cirillo,

    Please have a look at this demo on Tooltipified RadGrid.

    Thanks,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top