ASP.NET ToolTip control

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este control gratuito programado para páginas ASP.NET te permite implementar y desplegar ToolTips de una manera simple, ya sea para mostrar leyendas de texto o tooltips con imágenes.

Puedes utilizar el control por ejemplo para desplegar información para campos de formulario web, para un menú con enlaces, para thumbnails de imágenes, datos de un datagrid entre otros usos.

Mas información sobre el programa.

Indcie - Contenido.

Capturas de pantalla del tooltip.
Instalación del control ASP.NET

1 - Capturas de pantalla del tooltip.

A continuación puedes ver unas capturas de pantalla, desplegando la información en un control TextBox, con un gráfico y para un grid con registros desde una base de datos.

Tooltips en campos de texto para formularios.

Tooltip para desplegar un imagen.

Para desplegar tooltips al pasar el mouse sobre un registro o fila en una Grilla de datos.

2 - Instalación del control ASP.NET.

EL fichero de descarga contiene un archivo DLL ( els.dll ) para utilizar el control junto al código fuente. Además incluye un proyecto de ejemplo para poder utilizarlo ( ubicado en la carpeta ToolTest).

Para instalarlo es muy sencillo, sólo requiere de 3 pasos. Primero se deberá descargar el archivo DLL y agregar la referencia para poder utilizarlo.

Seguido de esto, copiar la carpeta tooltip_files en el directorio del proyecto.

El código fuente para desplegar el tooltip en el campo de entrada es el siguiente.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head runat="server"> <title>Untitled Page</title> </head> <form id="form1" runat="server"> <div > <table width="100%"> <tr> <td align=center> <asp:TextBox runat=server ID="txtYourControl"></asp:TextBox> <asp:Literal runat=server ID="ltToolTip" ></asp:Literal> <br /> <asp:TextBox runat=server ID="txtPass" TextMode=Password></asp:TextBox> <asp:Literal runat=server ID="ltHtmlBased" ></asp:Literal> </td> </tr> </table> </div> </form>

El código fuente de la página ASPX para desplegarlo en el datagrid ( GridView ) es el siguiente.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head runat="server"> <title>Untitled Page</title> </head> <form id="form1" runat="server"> <div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" OnRowDataBound="GridView1_RowDataBound1"> <Columns> <asp:TemplateField HeaderText="module_name" SortExpression="module_name"> <EditItemTemplate> <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("module_name") %>'></asp:TextBox> </EditItemTemplate> <ItemTemplate> <asp:Label ID="lblModuleName" runat="server" Text='<%# Bind("module_name") %>'></asp:Label> <asp:Literal runat="server" ID="ltToolTip"></asp:Literal> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:cmsConnectionString %>" SelectCommand="SELECT [module_name] FROM [cms_modules_loc] WHERE ([lang_id] = @lang_id)"> <SelectParameters> <asp:Parameter DefaultValue="3" Name="lang_id" Type="Int32" /> </SelectParameters> </asp:SqlDataSource> </div> </form>