Se encuentra en:
Componente menú en RichFaces
LIBP-0159 (Libro de pautas)
- Área: Catálogo de componentes de interfaz en JSF RichFaces
- Tipo de pauta: Directriz
- Carácter de la pauta: Obligatoria
Se describen las pautas para la utilización de los componentes de JSF RichFaces que realizan la implementación enriquecida del componente menú identificado en el subárea de Componentes de Interfaz.
Pautas
Título | Carácter |
---|---|
Barra de menú | Obligatoria |
Barra de menú
Para realizar la implementación mediante RichFaces de una barra de menú se utilizará el componente "ToolBar".
El componente Tool Bar en RichFaces en combinación con los componentes "DropDownMenu", "MenuGroup" y "MenuItem", permite implementar una barra de menú para la aplicación con multitud de posibilidades de configuración.
En siguiente trozo de código puede observarse un ejemplo de utilización:
<rich:toolBar><rich:toolBar>
<rich:dropDownMenu>
<f:facet name="label">
<h:panelGroup>
<h:graphicImage value="/images/icons/copy.gif" styleClass="pic"/>
<h:outputText value="Archivo"/>
</h:panelGroup>
</f:facet>
<rich:menuItem submitMode="ajax" value="Nuevo"
action="#{ddmenu.doNew}" icon="/images/icons/create_doc.gif">
</rich:menuItem>
...
</rich:dropDownMenu>
</rich:toolBar>
<rich:dropDownMenu>
<f:facet name="label">
<h:panelGroup>
<h:graphicImage value="/images/icons/copy.gif" styleClass="pic"/>
<h:outputText value="Archivo"/>
</h:panelGroup>
</f:facet>
<rich:menuItem submitMode="ajax" value="Nuevo"
action="#{ddmenu.doNew}" icon="/images/icons/create_doc.gif">
</rich:menuItem>
Se tendrán que tener especial cuidado en la configuración de los elementos del menú para cumplir con las pautas de accesibilidad y usabilidad.