Bom dia galera, estou com uma duvida, como eu acesso o css do skin no richfaces? por exemplo quero usar o css padrao do richfaces para os botoes, eu sei que a classe se chama rich-button , mas não sei como acessar esse c…

Hm entendi Leandro, obrigado ,mais oque eu queria era usar o css que tem pronto no richfaces para os componentes normais do jsf , como por exemplo <h:commandButton> usar o css default do skin do richfaces que eu escolher para o botao… eu li no site do richfaces que tinha que colocar no web.xml

Duvida RichFaces

bem vindo ao GUJ.
http://livedemo.exadel.com/richfaces-demo/richfaces/dropDownMenu.jsf

cara você pode fazer +ou- assim.

cria um bean.

public class SkinBean {

    private String skin;


    public SkinBean() {
        skin = "classic";
    }
    
    public String getSkin() {
        return skin;
    }

    public void setSkin(String skin) {
        this.skin = skin;
    }

    public String doBlueSky() {
        skin = "blueSky";
        return "";
    }

    public String doClassic() {
        skin = "classic";
        return "";
    }

    public String doRuby() {
        skin = "ruby";
        return "";
    }

    public String doWine() {
        skin = "wine";
        return "";
    }

    public String doDeepMarine() {
        skin = "deepMarine";
        return "";
    }

    public String doEmeraldTown() {
        skin = "emeraldTown";
        return "";
    }

    public String doJapanCherry() {
        skin = "japanCherry";
        return "";
    }

    public String doPlain() {
        skin = "plain";
        return "";
    }

    public String doDefault() {
        skin = "DEFAULT";
        return "";
    }
}

dentro do teu web.xml

&lt;context-param&gt; 
        &lt;param-name&gt;org.richfaces.SKIN&lt;/param-name&gt;
        &lt;param-value&gt;#{skinBean.skin}&lt;/param-value&gt; 
    &lt;/context-param&gt;
    &lt;filter&gt;
        &lt;display-name&gt;RichFaces Filter&lt;/display-name&gt;
        &lt;filter-name&gt;richfaces&lt;/filter-name&gt;
        &lt;filter-class&gt;org.ajax4jsf.Filter&lt;/filter-class&gt;
    &lt;/filter&gt;
    &lt;filter-mapping&gt;
            &lt;filter-name&gt;richfaces&lt;/filter-name&gt;
            &lt;servlet-name&gt;Faces Servlet&lt;/servlet-name&gt;
            &lt;dispatcher&gt;REQUEST&lt;/dispatcher&gt;
            &lt;dispatcher&gt;FORWARD&lt;/dispatcher&gt;
            &lt;dispatcher&gt;INCLUDE&lt;/dispatcher&gt;
        &lt;/filter-mapping&gt;

dentro da tua pagina xhtml

&lt;rich:simpleTogglePanel switchType="client" label="Configuração de Skins:" opened="false" &gt;
&lt;rich:dataTable id="tableSkin" title="Alterar Skin do projeto." &gt;
&lt;f:facet name="header"&gt;
&lt;rich:columnGroup&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="BlueSky" action="#{skinBean.doBlueSky}" &gt;
&lt;h:outputText value="BlueSky" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="Classic" action="#{skinBean.doClassic}" &gt;
&lt;h:outputText value="Classic" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="Ruby" action="#{skinBean.doRuby}" &gt;
&lt;h:outputText value="Ruby" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="Wine" action="#{skinBean.doWine}" &gt;
&lt;h:outputText value="Wine" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="DeepMarine" action="#{skinBean.doDeepMarine}" &gt;
&lt;h:outputText value="DeepMarine" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="EmeraldTown" action="#{skinBean.doEmeraldTown}" &gt;
&lt;h:outputText value="EmeraldTown" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="JapanCherry" action="#{skinBean.doJapanCherry}" &gt;
&lt;h:outputText value="JapanCherry" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="Plain" action="#{skinBean.doPlain}" &gt;
&lt;h:outputText value="Plain" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;rich:column&gt;
&lt;h:commandLink id="Default" action="#{skinBean.doDefault}" &gt;
&lt;h:outputText value="Default" /&gt;
&lt;/h:commandLink&gt;
&lt;/rich:column&gt;
&lt;/rich:columnGroup&gt;
&lt;/f:facet&gt;
&lt;/rich:dataTable&gt;
 &lt;/rich:simpleTogglePanel&gt;

e dentro do teu faces-config.xml.

&lt;managed-bean&gt;
		&lt;managed-bean-name&gt;skinBean&lt;/managed-bean-name&gt;
		&lt;managed-bean-class&gt;projeto.SkinBean&lt;/managed-bean-class&gt;
		&lt;managed-bean-scope&gt;session&lt;/managed-bean-scope&gt;
	&lt;/managed-bean&gt;

acho que é isso.

T+
abração

2 Respostas

Topicos relacionados