lunes, 13 de marzo de 2017

Utilización de hojas de estilo CSS

Para utilizar un archivo de hoja de estilo CSS debemos crear un archivo llamado \Styles\Site.css donde agregaremos un código para cambiar la forma y color del botón que al pasar el cursor sobre el botón cambiar de nuevo de color.

Para esto vamos a crear un archivo llamado Site.css y copiaremos el siguiente código:

El archivo lo llamaremos en nuestra form.aspx donde insertaremos la siguiente línea:

En nuestra form.aspx donde se ubica el botón agregaremos en Cssclass: botón_verde.


Una vez ejecutado la form.aspx se visualizara de la siguiente manera:
 
Al pasar el mouse sobre el botón Grabar cambiara el color (.boton_verde_hover).









martes, 21 de febrero de 2017

Exportar GridView a Excel, Word y PDF

Una vez que tengamos en GridView con nuestra información podemos exportar a:

Excel


Word


PDF
Para el archivo .PDF utilizaremos la librería: iTextSharp

En caso de tener el error :
El control 'ctl00 MainContent GridView' de tipo 'GridView' debe colocarse dentro de una etiqueta de formulario con runat=server."
Revisa el siguiente link: http://vbpuntonet.blogspot.mx/2017/02/error-el-control-ctl00-maincontent.html

Error: El control 'ctl00 MainContent GridView' de tipo 'GridView' debe colocarse dentro de una etiqueta de formulario con runat=server.

Estoy realizando la exportación de un GridView a .PDF pero al tratar de ejecutar el código me envía el error:

El control 'ctl00 MainContent GridView' de tipo 'GridView' debe colocarse dentro de una etiqueta de formulario con runat=server."

La solución que dan es agregar :
Public Overrides Sub VerifyRenderingInServerForm(control As System.Web.UI.Control)

ya que el error lo envía en : GridView3.RenderControl(hw)



El error se captura pero al no tener nada en VerifyRenderingInServerForm deja pasar el error, no es lo correcto pero es una solución rápida.

martes, 7 de febrero de 2017

Crear un módulo de visitantes e imprimir la etiqueta con sus datos y foto

El módulo de visitantes esta desarrollado en ASP.Net, para esto utilice el Capture Imagen, es un pequeño archivo .SWF, podrás realizar la descarga en: http://www.aspsnippets.com/Articles/Capture-Image-Photo-from-Web-Camera-Webcam-in-ASPNet-using-C-and-VBNet.aspx


Para el módulo utilice una webcam y una impresora térmica Brother, puedes utilizar cualquier tipo de impresora siempre y cuando se ajuste al tamaño de etiqueta deseado.

Como inicio deberás crear una tabla en SQL server que será donde almacenaras la información de los visitantes.


Creamos un nuevo proyecto Web y copiamos los archivos necesarios para tomar la foto, también creamos un carpeta llama Imagen que será donde guardaremos las fotos.


Crearemos un Form donde insertaremos el código para tomar la foto y donde capturaremos los datos del visitante, para saber como insertar el código revisa el link Capture Imagen.


Dentro de la FORM copiamos el código para guardar la imagen, crearemos una variable de sesión que solo guardara el nombre de la imagen.
El contenido de la variable de sesión es la que guardaremos en la tabla en el campo str_rutafoto.


Una vez guardado el registro con los datos y la ruta de la imagen crearemos la etiqueta.
Dentro del botón Etiqueta llamaremos una segunda FORM donde crearemos el formato de la etiqueta diseñando todo dentro de un PANEL.

 
Por medio de web no podemos enviar a imprimir directo a la impresora térmica lo que haremos será crear un botón donde exportaremos a un archivo en Word que será enviado a la impresora que tenemos en modo local.
Copiamos el siguiente código en el botón Generar etiqueta donde exportaremos todo el contenido del Panel.
Se genera un archivo en Word con el contenido del PANEL.

Al exportar a Word se visualizaran los campos de la etiqueta de la siguiente forma.

 
No se visualizaran las imágenes porque no se encuentra la ruta, para ello debemos llamarlas en el código:


Al generar de nuevo el archivo en Word se visualizara las imágenes.

 
Al envía a imprimir y seleccionar la impresora se deberá cambiar el tamaño y forma de la hoja de Word, pero como esto es muy laborioso para realizarlo cada vez que se genera una nueva etiqueta, lo debemos realizar por medio de código.

En el botón Generar etiqueta cambiamos el código por:


El código anterior genera un archivo en Word con la medidas de nuestra etiqueta, manda a llamar las imágenes así como los datos, se visualizara de la siguiente manera:

 
Para finalizar solo debemos seleccionar la impresora Brother e imprimir.


SI TE FUE UTIL DEJAME UN COMENTARIO.

jueves, 2 de febrero de 2017

Crear una barra de enlaces con animación y sonido

Vamos a crear un barra de enlace con VB.Net donde nos abrirá una página web, cada uno de los iconos tendrá una animación y sonido al pasar el mouse sobre la imagen.

Crearemos un proyecto y agregaremos Picture dependiendo la cantidad de imágenes que tengamos.

Al seleccionar cada una de la imágenes cambiaremos el SideMode a StretchImage, esto es para crear el efecto de agrandado en la imagen.


Tecleamos el siguiente código en cada Picture:
  • _MouseHover = agranda la imagen
  • _Mouseleave = restaura la imagen al tamaño original
  • _click = crea el enlace a la página web
  • sonido = llama el archivo de sonido


Una vez copiado el código de cada evento el resultado al pasar el mouse sobre cada imagen será:

martes, 17 de enero de 2017

Exportar form .ASPX a Word

Para poder realizar la exportación del contenido de una Form .aspx deberás insertar todo el contenido que deseas exportar a un Panel.
Crea un botón y copia el siguiente código para exportar el contenido:

Se creara el archivo exporta.doc que contendrá todo lo que parece dentro del Panel en formato HTML, tal vez las imágenes no aparecen en el archivo .Doc porque las mandas a llamar desde una ruta del servidor, para esto solo deberás llamar la imagen con la IP o dominio del servidor : Me.imagen1.imageurl=http://10.20.30.40/imagenes/logo.jpg

jueves, 15 de diciembre de 2016

Agregar un CheckBox a un GridView y obtener los datos seleccionados

Supongamos que tenemos un GridView con los siguientes datos:

Lo que deseamos es insertar un CheckBox, para esto copiamos el siguiente código HTML en el Source del  archivo .aspx justo abajo de la línea "Columns" del GridView:


Se adicionara un CheckBox en la columna 0 de nuestro GridView con el ID de CheckBox_sel.

Cuando seleccionamos un CheckBox y deseas saber los datos del renglón utilizamos el siguiente código en el botón Grabar:
 


El resultado de las variables será:

v_nombre="PEDRO"
v_depto="CONTABILIDAD"
 
 


Comparte