Siempre que se desarrollan aplicaciones web el diseño es una parte muy importante y siempre se busca una manera rápida y fácil de darle un bonito diseño a nuestras aplicaciones pues hay buenas noticias ya que con jqTransform un plugin de jquery podemos aplicar un bonito diseño a nuestros formularios asp.net de una forma fácil y rápida.
Primeramente veamos el diseño normal del formulario.
Pueden notar que es un simple formulario al que hemos agregado algunos controles.
Ahora cambiaremos el diseño de los controles que hemos agregado usando el plugin jqTransform.
Lo que se hace es hacer referencia a la hoja de estilo que el plugin trae y también necesitamos hacer referencia a jquery y al plugin jqTransform, y en el código jquery lo único que hacemos es aplicar el estilo a todos los controles que estén dentro del formulario.
Ahora lo único que tenemos que hacer es dentro del código del formulario que queramos cambiar el diseño agregamos la clase del plugin jqTransform.
Eso seria todo con estas simples lineas de código estaríamos cambiando el diseño simple de nuestro formulario.
Pueden descargar el ejemplo desde mi blog.
http://cristiantorresalfaro.blogspot.com/2012/08/mejorar-diseno-de-formulario-aspnet-con.html
Primeramente veamos el diseño normal del formulario.
Pueden notar que es un simple formulario al que hemos agregado algunos controles.
Ahora cambiaremos el diseño de los controles que hemos agregado usando el plugin jqTransform.
<link rel="stylesheet" href="jquery/jqtransformplugin/jqtransform.css" type="text/css" media="all">
<script type="text/javascript" src="jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="jquery/jqtransformplugin/jquery.jqtransform.js"></script>
<script type="text/javascript">
$(function () {
//aplicar estilo al formulario
$("form.jqtransform").jqTransform();
});
</script>
Lo que se hace es hacer referencia a la hoja de estilo que el plugin trae y también necesitamos hacer referencia a jquery y al plugin jqTransform, y en el código jquery lo único que hacemos es aplicar el estilo a todos los controles que estén dentro del formulario.
Ahora lo único que tenemos que hacer es dentro del código del formulario que queramos cambiar el diseño agregamos la clase del plugin jqTransform.
<form id="form1" runat="server" class="jqtransform">
Eso seria todo con estas simples lineas de código estaríamos cambiando el diseño simple de nuestro formulario.
Pueden descargar el ejemplo desde mi blog.
http://cristiantorresalfaro.blogspot.com/2012/08/mejorar-diseno-de-formulario-aspnet-con.html