none
hacer ajustable el tamaño de los controles ASP.NET RRS feed

  • Pregunta

  • Me gustaria que me ayuden a saber como puedo solucionar el problema con los tamaños de por ejemplo un gridview, que tengo en una pagina, ya que cuando la pagina se achica, todo su contenido se ajusta, pero el grid queda del mismo tamaño y se superpone y no se ve nada.

    Igual me pasa con el resto de los controles, como son los imput etc.

    Espero que me puedan ayudar.

    gracias.

    Luispa

    martes, 12 de junio de 2012 18:00

Todas las respuestas

  • Estimado Luispa

    Una de las posibilidades para ajustar el gridview es colocándolo dentro de un <asp:Panel></asp:Panel> de manera que al estar el grid contenido en él puedas usar las propiedades de éste para hacerlo ajustable a los márgenes del contenedor principal.  

    A modo de muestra te adjunto el código y allí puedes ver que algunas propiedades muy útiles que son Width="100%" ScrollBars="Both" CssClass="panelCss"

     En el caso de Width está expresado en porcentajes lo cual al tomar un valor de 100, permitirá que cuando se 'achique' la pantalla el mismo (Panel) será ajustado al 100% del espacio disponible. Otra cosa que permitirá la visualización es el uso de la propiedad ScrollBarspara mover como desees el contenido (GridView).

        <asp:Panel runat="server" ID="panelGrid" Width="100%" ScrollBars="Both" ShowFooter="True"
            CssClass="panelCss">
            <asp:GridView ID="miGrid" runat="server" CssClass="grisCss" Width="100%">
            </asp:GridView>
        </asp:Panel>

    Puedes ver que ambos controles tiene disponible una propiedad CssClass las cuales son también una referencia fundamental para asignar las propiedades de los controles.

    No necesariamente debes indicar una hoja de estilo para cada uno, es decir a nivel del Panel y del Grid, sino que puedes hacerlo para la página o bien para todo el sitio. Te recomiendo que leas algo sobre CSS3 y html5 dado que hay múltiples posibilidades de acción para encarar una solución.

    Saludos.








    Alcker AUS Ctes. Argentina


    • Editado Alcker lunes, 2 de julio de 2012 12:45
    • Propuesto como respuesta Scrawny01 jueves, 27 de marzo de 2014 21:20
    lunes, 2 de julio de 2012 12:45
  • Yo lo solucione de la siguiente manera:

    Agrega un panel y mete el GridView en el Panel.

    Dale el alto (Height) que quieras... por ejemplo 600px, ahora cambia su atributo ScrollBars:Vertical y listo...

    No importa cuanta información se muestre en el GridView, se adaptará a la altura del Panel (600px). También puedes poner Height:100%, esto hará que el panel se ajuste al tamaño mostrado de la pantalla y por siguiente el GridView se adaptará al Panel....

    Atte: Scrawny

    jueves, 27 de marzo de 2014 21:25