Skip to main content

Centrar Pagina Visual Web Pack

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.

Comments

Anonymous said…
Absoluto? Relativo? Static? Cual?

Popular posts from this blog

Primefaces v13

 La versión nueva de primefaces v13.0 elimina el componente <p:repeat>  Consulte los cambios en  https://github.com/primefaces/primefaces/releases/tag/13.0.0 por lo tanto si necesita una solución similar considere utilizar  <p:carousel>  o  <ui:repeat> En la versión 13 genera una excepción

Jmoordb-Core @UpdateMany y @DeleteMany

 Jmoordb-Core @UpdateMany y @DeleteMany Estoy trabajando en una versión nueva de jmoordb-core en la cual se estará implementando nuevas funcionalidades como lo son @DeleteMany y    @UpdateMany con la finalidad de hacer operaciones sobre múltiples documentos de la colección.