2011-12-26 36 views
2

我想定製我的web應用程序的整體外觀。 目前我正在使用Richfaces 4.1.0。如何在Richfaces中自定義SKIN?

第一次審判:

要定製我試圖按照http://www.packtpub.com/article/skin-customization-in-jboss-richfaces-3.3

  1. 新增MYSKIN屬性文件中的肌膚。
  2. 更新的build.xml
  3. 更新的web.xml。

但這一切都不是富有成效。我無法自定義SKIN。

第二審判:

參考鏈接: - http://docs.jboss.org/richfaces/latest_4_1_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

<context-param> <param-name>org.richfaces.skin</param-name> 
<param-value>emeraldTown</param-value> </context-param> 

但這也不能正常工作。要得到它的工作,我需要添加任何額外的資源

第三審判:

<rich:tabPanel switchType="client" style="width: 70%;margin: auto;background-color:red;"> 

       <rich:tab header="Overview"> 
        Tab 1 Content 
       </rich:tab> 
       <rich:tab header="JSF 2 and RichFaces 4"> 
        Tab 2 Content 
       </rich:tab> 

     </rich:tabPanel> 

我試圖把背景顏色明確,但即使這樣失敗。

回答

0

我嘗試一些不同的東西,但對於

月1日試行&

第二審判

我找到了解決辦法。

<mime-mapping> 
      <extension>ecss</extension> 
      <mime-type>text/css</mime-type> 
     </mime-mapping> 

失蹤在web.xml,對添加上述行,我開始預期的結果。

2

您可以在三個級別自定義Richfaces中的皮膚。

使用皮膚

的屬性文件,你可以通過在皮膚改變皮膚參數的值修改應用程序接口。爲此,您需要編輯skin.properties文件中定義的常量值,以更改映射到該skin屬性的每個組件的樣式。

在組件的ECSS文件中列出使用組件樣式

映射和其他樣式屬性進行修改。編輯ECSS文件的內容以更改該類型的所有組件的樣式。

使用自定義組件樣式類

你也可以指定styleClass屬性到各個組件。爲此,將新樣式類添加到應用程序CSS中,並使用styleClass屬性從單個組件中引用它。

通過應用

改寫樣式也可以使用它重寫的擴展了樣式類組件定義的樣式加載自定義樣式表。

的詳細信息,請參閱http://docs.jboss.org/richfaces/latest_4_1_X/Developer_Guide/en-US/html/chap-Developer_Guide-Skinning_and_theming.html

+0

我經歷了共享鏈接。我嘗試了 ​​org.richfaces.skin emeraldTown ..但這不起作用,我需要添加任何新文件嗎? – 2011-12-26 07:19:50

+0

它能找到指定路徑(classpath)路徑上的皮膚文件嗎? – 2011-12-26 07:23:28

+0

試用版1)如何檢查它是否能找到指定路徑上的皮膚文件? – 2011-12-26 07:24:48

相關問題