Skip to main content

Personalizando el Primefaces Selector de Temas

Si deseamos personalizar el selector de temas de primefaces para mostrar algo como esto.

Pasos:
1. Descargar los temas desde (archivos .jar)
agregarlo a las bibliotecas del proyecto
2.  En el archivo web.xml, agregar
<context-param>
<param-name>primefaces.THEME</param-name>
<param-value>#{cambiadorTemas.tema}</param-value>
</context-param>


3. Creamos la clase CambiadorTemas.java

@Named(value = "cambiadorTemas")
@SessionScoped
public class CambiadorTemas implements Serializable {

     private static final long serialVersionUID = 1L;
private String tema="afterdark";
     private Map<String, String> themes;
     public Map<String, String> getThemes() {
         themes = new TreeMap<String, String>();
         themes.put("aristo", "aristo");
         themes.put("black-tie", "black-tie");
         themes.put("blitzer", "blitzer");
         themes.put("bluesky", "bluesky");
         themes.put("casablanca", "casablanca");
         themes.put("cupertino", "cupertino");
         themes.put("dark-hive", "dark-hive");
         themes.put("dot-luv", "dot-luv");
         themes.put("eggplant", "eggplant");
         themes.put("excite-bike", "excite-bike");
         themes.put("flick", "flick");
         themes.put("glass-x", "glass-x");
         themes.put("hot-sneaks", "hot-sneaks");
         themes.put("humanity", "humanity");
         themes.put("le-frog", "le-frog");
         themes.put("midnight", "midnight");
         themes.put("mint-choc", "mint-choc");
         themes.put("none", "none");
         themes.put("overcast", "overcast");
         themes.put("pepper-grinder", "pepper-grinder");
         themes.put("redmond", "redmond");
         themes.put("rocket", "rocket");
         themes.put("sam", "sam");
         themes.put("smoothness", "smoothness");
         themes.put("south-street", "south-street");
         themes.put("start","start");
         themes.put("sunny", "sunny");
         themes.put("swanky-purse", "swanky-purse");
         themes.put("trontastic", "trontastic");
         themes.put("ui-darkness", "ui-darkness");
         themes.put("ui-lightness", "ui-lightness");
         themes.put("vader", "vader");
     return themes;
}

 public void setThemes(Map<String, String> themes) {
     this.themes = themes;
 }

public CambiadorTemas() {
}

public String getTema() {
    return tema;
 }

 public void setTema(String tema) {
     this.tema = tema;
 }

public String cambiar(){
   return null;
 }

}

4.En el menu invocamos el dialogo

 <p:menuButton value="#{mensajes['msg.tools']}">
                <p:menuitem onclick="dlgTheme.show();" value="#{mensajes['msg.theme']}" immediate = 
        </p:menuButton>

5. Agregamos el dialogo
<h:form id="formtema" >
     <p:dialog header="Theme" widgetVar="dlgTheme" showEffect="bounce" hideEffect="explode" width="400"
                height="200">  
     <h:panelGrid columns="2">

          <p:selectOneMenu  value="#{cambiadorTemas.tema}" immediate = "true"   editable="true">
            <f:selectItems value="#{cambiadorTemas.themes}" />
          </p:selectOneMenu> 
          <p:commandButton value="Change" action="#{cambiadorTemas.cambiar}" ajax="false"/>
   </h:panelGrid>
  </p:dialog>

</h:form>

Comments

Anonymous said…
Es mi primer proyecto en JSF, te quiero preguntar lo siguiente:

La modificación del WEB.XML que indicas, sustituye al original??? El mio es:


javax.faces.PROJECT_STAGE
Development


Y en esta parte:




donde debo colocar esa referencia externa en el atributo onclick???

Gracias por tu tiempo y al menos me sa una idea... :)
Anonymous said…
Otra molestia... ya lo arreglé... pero al momento de darle cambiar... no me cambia nada... me podrías ayudar??? Gracias!!!!
Amigo una pregunta: existe algun formato de factura en primeFaces??? pues q necesitamos algo relacionado.. muchas gracias por tu tiempo….
Saludos,
Definitivamente una persona no debe evangelizar cuando no puede mantener su labor.
Un blog con preguntas ignoradas, es como un acertijo sin pistas.
Estos chicos llevan varios años esperando un respuesta y ahora yo, lo minimo que debes hacer es responder nuestra preguntas, como agradecimiento al detenernos a leer tu post.

Cordialmente.
Almir Ricardo said…
Ótimo tutorial.
Corrigir :



Para:






Em Algumas versões o dialogo não funcionará em vez de: @ManagedBean(name = "cambiadorTemas")

Obrigado pelo tutorial, bem explicado.

josetrafford said…
Excelente aporte, una pregunta, si guardo el ID del tema para cada usuario que ya eligió su tema, pero al momento de loguearse quiero que cargue el tema que eligió como puedo hacerlo?

De antemano gracias!!!

Popular posts from this blog

Un ejemplo sencillo de Refactorización y Genericos

Un ejemplo sencillo de Refactorización y Genericos

public class Refactorizador<K, V> {

    public V copyFromBeans(K k, V v) {
        try {
            Class claseK = k.getClass();
            Class claseV = v.getClass();

            Method[] metodosK = claseK.getMethods();

            for (Method method : metodosK) {
                if (isGetter(method)) {
                    Method metodoGetK = claseK.getDeclaredMethod(method.getName());
                    Method metodoSetV = claseV.getDeclaredMethod(changeGetBySet(method.getName()), method.getReturnType());
                    metodoSetV.invoke(v, metodoGetK.invoke(k));
                }

            }

        } catch (Exception e) {
            System.out.println("refactorizador() " + e.getLocalizedMessage());
        }
        return v;
    }

     public  boolean isGetter(Method method) {

        if (!method.getName().startsWith("get")) {
            return false;
        }
        if (method.getName().startsWith("getCla…

Apache NetBeans

Apache NetBeans
https://wiki.apache.org/incubator/NetBeansProposal

Si, algo que se esperaba desde hace muchos años, una liberación de NetBeans, para convertirlo en un IDE más abierto, y que permita mayor contribución de la comunidad y de otras empresas, ya inicio su primera etapa en la incubadora de la Fundación Apache.
Las implicaciones que esto conlleva son múltiples por una parte esta la evolución de NetBeans, al permitir que más contribuyentes puedan aportar a sus mejoras, también garantiza que aquellas instituciones no sientan que es una sola organización la que controla la evolución. A las comunidades les permite sentirse que participan de un proyecto con todas las garantías que ofrece la Fundación Apache.

Muchos pensaran que Oracle esta dejando morir el proyecto, la realidad es diferente, hay muchos ingenieros que están participando del proyecto en la fundación Apache.
Es una noticia excelente para los desarrolladores, instituciones, empresas que utilizan NetBeans , se estima qu…

JGMongo con JEE7 +(Primefaces+MongoDB+GlassFish)

Mostrare un ejemplo básico del uso de JGMongo, (Java Mapper Object para MongoDB), en un entorno JavaEE 7.

Desarrollaremos una simple aplicación maven Java Enterprise Edition, que utiliza la base de datos NoSQL MongoDB, NetBeans como IDE de Desarrollo, Java Server Faces como Framework en conjunto con PrimeFaces. Es un ejemplo muy básico donde se almacena los datos de los países en una colección llama paises La vista final sera la siguiente un formulario para captar los datos

Y una pagina donde se muestran los países almacenados en la base de datos.
Pasos previos: 1. Instalar MongoDB 2. Crear el proyecto Maven 3. Agregar la dependencia al archivo pom.xml   <repositories> <repository>    <id>jitpack.io</id>    <url>https://jitpack.io</url> </repository> </repositories>
    <dependency>    <groupId>com.github.avbravo</groupId>    <artifactId>jgmongo</artifactId>    <version>0.1</version> </dependency&…