Añadir una marca de agua a los textbox en C# 4


Hace unas semanas os estuve hablando del como poder instalar el maravilloso componente para poder usar AJAX en visual studio llamado AJAX control Toolkit. Hoy me gustaría enseñaros como con tres segundos de trabajo lograremos darle a nuestra aplicación web un nuevo estilo más atractivo.

Si hemos intalado en nuestra caja de herramientas nuestro kit podemos arrastrar directamente nuestro componente o desde el modo edición visual pulsar sobre un TextBox y añadirle el extensor “TextBoxWatermark”. Yo personalmente soy mas manual y me gusta poner los componente a mano.

Debemos de tener en cuenta añadir a la página aspx los siguientes pasos:

1. Añadir el componente AJAX.

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

2. Añadir un ScriptManager para que funcione nuestro código AJAX. Ojo que solo podemos tener uno en la web:


3. Añadir un TextBox y asociarle la marca de agua:

                                    
                        

Y ya tenemos nuestra marca de agua que aparecerá siempre que nuestro TextBox esté vacío. Os dejo el estilo de la marca de agua que suelo usar yo que queda muy bien:

.MarcaAgua
{
background-color: #fcf6df;
color: Gray;}

Resultado:


Dejar un Comentario

Tu dirección de correo electrónico no será publicada.

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

4 thoughts on “Añadir una marca de agua a los textbox en C#