2

Quisiera cambiar el atributo Width de un TextBox en ASP.NET según el tamaño del navegador, pero no sé cómo obtener el ancho del navegador en C#. ¿Alguna ayuda?

Me gustaría hacer algo así:

if (tamañoNavegador > ciertaCantidad)
    TexBox.Width = 50%;
else
    TextBox.Width = 100%;

¡Muchas gracias!

3 respuestas 3

4

Dicha operación tiene que ver con el lado del cliente , no es necesario manejarlo desde el lado del servidor. Se puede usar javascript o css3 empleando Media Querys

Ejemplo en Javascript

var width = $(window).width(); 
var height = $(window).height();

Ejemplo css3 Media Querys , cuando la ventana del navegador es menor a 500px , lo que hará es asignar un ancho de 100px a todos los input de tipo text

@media only screen and (max-width: 500px) {
    input[type="text"]{
        width:100px;
    }
}
2
  • Gracias por tu respuesta. Igual es una pregunta estúpida, pero no soy muy ducho con javascript... ¿Puedo alterar código ASP desde javascript? Un saludo!
    – Saulo
    el 29 sep. 2016 a las 22:09
  • Puedes modificar cuestiones del lado del cliente , diseño, validaciones, funcionalidad y algunas cosas más. aunque para diseño es mejor emplear css3 o algún framework como Bootstrap.
    – Dev. Joel
    el 30 sep. 2016 a las 5:00
0

Lo mas sencillo es que utilices algún framework web, que te permita hacer paginas web responsive, Te recomiendo bootstrapp, es muy facil y sencillo de utilizar, ya que a tu form HTML, le puedes aplicar los estilos css y decirle cuantas columnas va a tener de ancho, con lo cual no buscarias pixeles o medidas, podrias redimensionar tus componentes en base a las columnas.

Y por si fuera poco hay un manual en español.

http://librosweb.es/libro/bootstrap_3/

0

El ancho lo Podes obtener con

Screen.PrimaryScreen.Bounds.Width; 

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.