Algunas veces nos encontramos en el desarrollo de una aplicación web y deseamos centrar las paginas o ajustarla en cierta posición dentro del navegador web, podemos recurrir a muchas soluciones una de las más sencillas puede ser colocar un panelLayout y colocar todos los componentes de la página dentro de el.
Luego simplemente ajustamos las posiciones e indicamos el la propiedad left al 50% u otro porcentaje que deseamos.
A continuación una manera sencilla de hacerlo.
1. Agregamos Layout Panel a la pagina
2. Añadimos todos los componentes al LayoutPanel
3. Editamos la propiedad style del LayouPanel
4. Nos ubicamos en Position, y le damos el valor a left de 50% o podemos ajustar el valor que deseamos, además colocamos la propiedad margin-left: -390px.
Ejemplo:
De esta manera logramos hacer los ajustes de los componentes en la pagina al porcentaje adecuado.
Nota:
Si tenemos un header en flash, la mejor forma seria crear una pagina html donde se llame el header y la pagina del centro seria tambien otra html.
Pues bien tendriamos nuestras paginas java server faces, las que colocamos con la propiedad top:0 de manera que se ajusten al espacio superior del header.
Luego simplemente ajustamos las posiciones e indicamos el la propiedad left al 50% u otro porcentaje que deseamos.
A continuación una manera sencilla de hacerlo.
1. Agregamos Layout Panel a la pagina
2. Añadimos todos los componentes al LayoutPanel
3. Editamos la propiedad style del LayouPanel
4. Nos ubicamos en Position, y le damos el valor a left de 50% o podemos ajustar el valor que deseamos, además colocamos la propiedad margin-left: -390px.
Ejemplo:
De esta manera logramos hacer los ajustes de los componentes en la pagina al porcentaje adecuado.
Nota:
Si tenemos un header en flash, la mejor forma seria crear una pagina html donde se llame el header y la pagina del centro seria tambien otra html.
Pues bien tendriamos nuestras paginas java server faces, las que colocamos con la propiedad top:0 de manera que se ajusten al espacio superior del header.
Comments