Skip to main content

Posts

Showing posts with the label bootfaces

Parche para Bootfaces en GlassFish/ PayaraMicro 5.191

En algunas ocasiones nos encontramos con el problema de que Bootfaces no renderiza los componentes al iniciar GlassFish o Payara. En el blog Beyond Java se explica porque ocurre esta situación y se publico una solución al mismo.  Running BootsFaces on Glassfish or Payara https://www.beyondjava.net/running-bootsfaces-on-glassfish-or-payara Mostrare un ejemplo Que he implementado con jmoordb, jmoordbjsf, para una base de datos MongoDB Contamos con la pagina login.xhtml en nuestro proyecto Maven con PayaraMicro. Donde mostraremos un panel para que el usuario pueda loguearse en la aplicación. Cuando ejecutamos el proyecto, podemos observar que los componentes bootfaces no se renderizan al iniciar PayaraMicro. Cree una pequeƱa librerĆ­a que implementa dicha solución descrita en blog Beyond Java , por lo que solo tendrĆ”s que agregarla a tu proyecto y automĆ”ticamente se corrige el error al ejecutar la aplicación. < dependency > < groupId > com...

primefaces growl con bootfaces

Para mostrar el componente <p:growl> de Primefaces si utilizamos en conjunto con bootfaces y deseamos evitar que el growl se muestre sobrepuesto en el menu, incluimos en nuestro template o archivo css   .ui-growl { right: 50%; top: 20%; }

Crear SubmenĆŗ bootfaces

Crear SubmenĆŗ bootfaces Basado en el ejemplo "Multi level dropdown menu BS3" cuya fuente es  http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3 A continuación se muestra como integrarlo con bootfaces y primefaces. Para crear submenus con bootfaces seguimos el siguiente procedimiento Editar template.xhtml  y en la sección <h:header> y dentro de   <style type="text/css"> copiar .dropdown-submenu {    position: relative; } .dropdown-submenu>.dropdown-menu {    top: 0;    left: 100%;    margin-top: -6px;    margin-left: -1px;    -webkit-border-radius: 0 6px 6px 6px;    -moz-border-radius: 0 6px 6px;    border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu {    display: block; } .dropdown-submenu>a:after { ...