Emplear BootsFaces
Existen dos manera de utilizar este Framework, la primera es mediante descarga que genera un archivo *.jar y se debe agregar al proyecto.
La otra forma es emplear un repositorio como Maven o Gradle y agregar las siguientes líneas en los archivos de construcción.
| Maven | Gradle |
|---|---|
|
|
Implementar en un XHTML
Se debe agregar el siguiente atributo-valor xmlns:b="http://bootsfaces.net/ui" que como se aprecia emplea el prefijo "b".<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:b="http://bootsfaces.net/ui">
<h:head>
<title>Prueba 05 - BootsFaces</title>
</h:head>
<h:body>
<!--Código de la página-->
</h:body>
</html>Ejemplo de aplicación
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:b="http://bootsfaces.net/ui">
<h:head>
<title>Prueba 05 - BootsFaces</title>
</h:head>
<h:body>
<b:navBar brand="INICIO" brandHref="index.html" inverse="true"
fixed="top">
<b:navbarLinks>
<b:navLink value="JSF" href="#"></b:navLink>
<b:navLink value="Bootsfaces" href="#"></b:navLink>
<b:dropMenu value="Pruebas">
<b:navLink value="Prueba 1" href="#"></b:navLink>
<b:navLink value="Prueba 2" href="#"></b:navLink>
<b:navLink value="Prueba 3" href="#"></b:navLink>
<b:navLink></b:navLink>
<b:navLink header="Otros"></b:navLink>
<b:navLink value="Resultados" href="#"></b:navLink>
</b:dropMenu>
</b:navbarLinks>
</b:navBar>
<b:jumbotron>
<b:container>
<h1>Encabezado</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.</p>
<p>
<a href="https://javajhon.blogspot.com/" class="btn btn-lg btn-info">
Blog sobre Java </a>
</p>
</b:container>
</b:jumbotron>
<b:container>
<b:row styleClass="show-grid">
<b:column span="4">
<h2>Botones b:commandbutton</h2><br/>
<h:form>
<b:commandButton action="j" value="primary" look="primary"/><br/><br/>
<b:commandButton action="j" value="success" look="success"/><br/><br/>
<b:commandButton action="j" value="danger" look="danger"/><br/><br/>
<b:commandButton action="j" value="info" look="info"/><br/><br/>
<b:commandButton action="j" value="warning" look="warning"/><br/><br/>
<b:commandButton action="j" value="default" look="default"/><br/><br/>
</h:form>
</b:column>
<b:column span="4">
<h2>Botones class btn-*</h2><br/>
<a class="btn btn-lg btn-primary">primary</a><br/><br/>
<a class="btn btn-lg btn-success">success</a><br/><br/>
<a class="btn btn-lg btn-danger">danger</a><br/><br/>
<a class="btn btn-lg btn-info">info</a><br/><br/>
<a class="btn btn-lg btn-warning">warning</a><br/><br/>
<a class="btn btn-lg btn-default">default</a>
</b:column>
<b:column span="4">
<h2>Etiquetas</h2>
<b:dropButton value="DropButton" look="success">
<b:navLink value="Prueba 1" href="#"></b:navLink>
<b:navLink value="Prueba 2" href="#"></b:navLink>
<b:navLink value="Prueba 3" href="#"></b:navLink>
<b:navLink></b:navLink>
<b:navLink header="Otros"></b:navLink>
<b:navLink value="Resultados" href="#"></b:navLink>
</b:dropButton>
<b:panelGrid ></b:panelGrid>
<b:panel></b:panel>
</b:column>
</b:row>
<hr />
<footer>
<p>© JavaJhon 2020</p>
</footer>
</b:container>
</h:body>
</html>Fuentes:
- BootsFaces. (2018). BootsFaces Showcase. Recuperado de: https://showcase.bootsfaces.net/
No hay comentarios:
Publicar un comentario