none
Cambiar orientación de menú RRS feed

  • Pregunta

  • Hola a todos.

    Tengo un menú asp con orientation horizontal, como estoy diseñando el sitio web responivo, necesito que al llegar a un ancho de pantalla de 600 px cambie el menú a orientation Vertical.

    ¿Como puedo cambiar este valor por código desde la pagina aspx? He probado a hacerlo desde un script con jquery pero me da error y me dice que no se puede cambiar este valor entre <%= %> y <% %>

    martes, 25 de agosto de 2015 7:16

Respuestas

Todas las respuestas

  • hola

    >>Tengo un menú asp con orientation horizontal, como estoy diseñando el sitio web responivo, necesito que al llegar a un ancho de pantalla de 600 px cambie el menú a orientation Vertical.

    si es algo responsivo entonces imagino implementas bootstrap

    porque no implementas el menu que este define o sea el navbar

    >>me dice que no se puede cambiar este valor entre <%= %> y <% %>

    a que valor haces referencia ?

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    • Propuesto como respuesta Norberto Rojas martes, 25 de agosto de 2015 14:23
    martes, 25 de agosto de 2015 11:37
  • <%= menu.Orientation = Orientation.Vertical %>

    <% menu.Orientation = Orientation.Vertical %>

    Probé estos dos códigos en un script con jquery que al detectar un ancho de pantalla de menos de 600px se cambiará la orientación del menu, pero me daba error en la compilación.

    No uso bootstrap, diseño yo el responsivo, funciona todo bien menos cambiar la orientación del menu asp, lo he solucionado poniendo dos menus iguales y ocultando uno de ellos dependiendo del ancho de pantalla, uno para menos de 600px vertical y otro horizontal para mas de 600px, pero me gustaría saber si alguna manera mas eficaz de hacerlo con solo un menu cambiando el valor de la orientación.

    • Editado rrsgomez martes, 25 de agosto de 2015 12:27
    martes, 25 de agosto de 2015 12:24
  • hola

    >>No uso bootstrap, diseño yo el responsivo

    ahi es dinde te equivocas un diseño responsivo se logra con estilos y javascript

    definir codigo servidor no es buena idea

    >>lo he solucionado poniendo dos menus iguales y ocultando uno de ellos dependiendo del ancho de pantalla,

    pesima idea, eso es un parche terrible

    saludos


    Leandro Tuttini

    Blog
    MVP Profile
    Buenos Aires
    Argentina

    martes, 25 de agosto de 2015 13:01
  • Hola Leandro.

    Como he comentado es una solución provisional, no quiero dejarlo así.

    Se como hacer menus responsivos con css y código html, pero en esta ocasión quería hacerlo con un menú asp y es hay donde no veo como puedo cambiar la orientación mediante css.

    ¿Conoces alguna guía donde pueda ver los diferentes estilos que se pueden aplicar en un menú asp?

    • Editado rrsgomez martes, 25 de agosto de 2015 14:23
    martes, 25 de agosto de 2015 14:22
  • hola rrsgomez,

    Lo que comenta Leandro es correcto, para poder hacer lo que quieres, te recomiendo también usar bootstrap.

    Aquí un ejemplo de como hacer esto:

    Responsive ASP.NET Menu Control With Twitter Bootstrap

    Saludos,

    @norrojas

    martes, 25 de agosto de 2015 14:23
  • Hola Norberto.

    Muchas gracias por la información, lo revisaré.

    Saludos.

    jueves, 27 de agosto de 2015 21:25
  • Por nada rrsgomez,

    Si la solución propuesta atendió su consulta no olvide marcarla como respuesta.

    Saludos,

    @norrojas

    • Marcado como respuesta rrsgomez domingo, 30 de agosto de 2015 20:57
    jueves, 27 de agosto de 2015 22:07