[SOLUCIONADO] Colocar un info al pasar mouse por boton actualizar de griodview

[ragde23fer]

Buenas tardes, tengo una duda, estoy trabajando con .NET, tengo un gridview que usa una base de datos para ser cargado, este tiene un boton que se para editar o asignar, ahora bien, me gustaria q al pasar mi mouse por ese boton me salga un mensaje q diga "ACTUALIZAR", "ASIGNA", "ELIMINAR" segun sea el caso.

Alguien q me apoye con esto?


<asp:GridView ID="dgvTablilla" runat="server" AutoGenerateColumns="False"
PageSize="7" GridLines="None" BorderColor="#ebebeb" BorderWidth="1" DataKeyNames="ID_TABLA"
ViewStateMode="Enabled" Width="100%" OnRowCommand="dgvCronUsua_RowCommand">
<Columns>
<asp:BoundField DataField="ID_CRON_ACTI_CLIE" HeaderText="Cod Cronograma Usuario"
Visible="False" />
<asp:BoundField DataField="MES" HeaderText="Mes" />
<asp:BoundField DataField="FE_INI" HeaderText="Fecha de Inicio" />
<asp:BoundField DataField="FE_FIN" HeaderText="Fecha de Fin" />
<asp:ButtonField CommandName="btnUpd" CausesValidation="True">
<ControlStyle CssClass="glyphicon glyphicon-edit" />
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
<asp:ButtonField CommandName="btnDel" CausesValidation="TRUE">
<ControlStyle CssClass="glyphicon glyphicon-remove" />
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
</Columns>
</asp:GridView>


Gracias

[Deyvi04]

Revisa la propiedad "Text Tip" del botón, aquí se coloca el mensaje que quieras que aparezca al pasar el mouse por el botón.

[xjuanch0x]

Iniciado por ragde23fer

Buenas tardes, tengo una duda, estoy trabajando con .NET, tengo un gridview que usa una base de datos para ser cargado, este tiene un boton que se para editar o asignar, ahora bien, me gustaria q al pasar mi mouse por ese boton me salga un mensaje q diga "ACTUALIZAR", "ASIGNA", "ELIMINAR" segun sea el caso.

Alguien q me apoye con esto?


<asp:GridView ID="dgvTablilla" runat="server" AutoGenerateColumns="False"
PageSize="7" GridLines="None" BorderColor="#ebebeb" BorderWidth="1" DataKeyNames="ID_TABLA"
ViewStateMode="Enabled" Width="100%" OnRowCommand="dgvCronUsua_RowCommand">
<Columns>
<asp:BoundField DataField="ID_CRON_ACTI_CLIE" HeaderText="Cod Cronograma Usuario"
Visible="False" />
<asp:BoundField DataField="MES" HeaderText="Mes" />
<asp:BoundField DataField="FE_INI" HeaderText="Fecha de Inicio" />
<asp:BoundField DataField="FE_FIN" HeaderText="Fecha de Fin" />
<asp:ButtonField CommandName="btnUpd" CausesValidation="True">
<ControlStyle CssClass="glyphicon glyphicon-edit" />
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
<asp:ButtonField CommandName="btnDel" CausesValidation="TRUE">
<ControlStyle CssClass="glyphicon glyphicon-remove" />
<ItemStyle HorizontalAlign="Center" />
</asp:ButtonField>
</Columns>
</asp:GridView>


Gracias

Creo que seria mas funcional que coloques un imagebutton con una imagen de eliminar, actualizar y asignar algo como esto

Código:

<asp:GridView ID="GrillaGeneral" runat="server"
                                    CssClass="table table-striped table-bordered" GridLines="None"
                                    AutoGenerateColumns="False" EmptyDataText="No hay datos con los parametros de busqueda.">
                                    <Columns>
                                        <asp:BoundField DataField="IdServicioFecha" HeaderText="IdServicioFecha" Visible="False" />
                                        <asp:BoundField DataField="FechaServicio" HeaderText="Fecha del servicio" Visible="True" />
                                        <asp:BoundField DataField="Descripcion" HeaderText="Descripcion" />
                                        <asp:BoundField DataField="Horario" HeaderText="Horario" />
                                        <asp:BoundField DataField="Comentario" HeaderText="Comentarios" />
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnEditar" CommandArgument='<%#Eval("IdServicioFecha")%>' runat="server" CommandName="Editar" ToolTip="Editar" ImageUrl="~/images/EditarGrilla.png" CausesValidation="false" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnEliminarGrilla" CommandArgument='<%#Eval("IdServicioFecha")%>' runat="server" CommandName="Eliminar" ToolTip="Eliminar" ImageUrl="~/images/deleteGrilla.png"  CausesValidation="false" OnclientClick="return ConfirmOnDelete('');" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <RowStyle CssClass="cursor-pointer" />
                                </asp:GridView>

Si observas use el elemento itemtemplate, en este puedes manejar imagebutton y adicionalmente tooltip, le da un toque mas profesional a la grilla, en Internet hay muchos ejemplos de esta control.
Te quedaría algo como esto:




===========================================
Busca software a la medida, visita mi pagina y contactanos
http://cloudappstechnologies.com.co/

[ragde23fer]

Muchisimas gracias mi estimado, muy buena solucion.

Iniciado por xjuanch0x

Creo que seria mas funcional que coloques un imagebutton con una imagen de eliminar, actualizar y asignar algo como esto

Código:

<asp:GridView ID="GrillaGeneral" runat="server"
                                    CssClass="table table-striped table-bordered" GridLines="None"
                                    AutoGenerateColumns="False" EmptyDataText="No hay datos con los parametros de busqueda.">
                                    <Columns>
                                        <asp:BoundField DataField="IdServicioFecha" HeaderText="IdServicioFecha" Visible="False" />
                                        <asp:BoundField DataField="FechaServicio" HeaderText="Fecha del servicio" Visible="True" />
                                        <asp:BoundField DataField="Descripcion" HeaderText="Descripcion" />
                                        <asp:BoundField DataField="Horario" HeaderText="Horario" />
                                        <asp:BoundField DataField="Comentario" HeaderText="Comentarios" />
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnEditar" CommandArgument='<%#Eval("IdServicioFecha")%>' runat="server" CommandName="Editar" ToolTip="Editar" ImageUrl="~/images/EditarGrilla.png" CausesValidation="false" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnEliminarGrilla" CommandArgument='<%#Eval("IdServicioFecha")%>' runat="server" CommandName="Eliminar" ToolTip="Eliminar" ImageUrl="~/images/deleteGrilla.png"  CausesValidation="false" OnclientClick="return ConfirmOnDelete('');" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <RowStyle CssClass="cursor-pointer" />
                                </asp:GridView>

Si observas use el elemento itemtemplate, en este puedes manejar imagebutton y adicionalmente tooltip, le da un toque mas profesional a la grilla, en Internet hay muchos ejemplos de esta control.
Te quedaría algo como esto:




===========================================
Busca software a la medida, visita mi pagina y contactanos
http://cloudappstechnologies.com.co/