4.4.8.2. Extended level

Table 4.23.  HTML Element Skin Bindings for input, select, textarea, button, keygen, isindex

CSS Properties Skin Parameters
border-width 1px
border-color panelBorderColor
color controlTextColor

Table 4.24.  HTML Element Skin Bindings for *|button

CSS Properties Skin Parameters
border-color panelBorderColor
font-size generalSizeFont
font-family generalFamilyFont
color headerTextColor
background-color headerBackgroundColor
background-image org.richfaces.renderkit.html.images.ButtonBackgroundImage

Table 4.25.  HTML Element Skin Bindings for button[type=button], button[type=reset], button[type=submit], input[type=reset], input[type=submit], input[type=button]

CSS Properties Skin Parameters
border-color panelBorderColor
font-size generalSizeFont
font-family generalFamilyFont
color headerTextColor
background-color headerBackgroundColor
background-image org.richfaces.renderkit.html.images.ButtonBackgroundImage

Table 4.26.  HTML Element Skin Bindings for *|button[disabled], .rich-container *|button[disabled], .rich-button-disabled

CSS Properties Skin Parameters
color tabDisabledTextColor
border-color tableFooterBackgroundColor
background-color tableFooterBackgroundColor
background-image org.richfaces.renderkit.html.images.ButtonDisabledBackgroundImage

Table 4.27.  HTML Element Skin Bindings for .rich-button-disabled, .rich-container button[type="button"][disabled], .rich-button-button-disabled, .rich-container button[type="reset"][disabled], .rich-button-reset-disabled, .rich-container button[type="submit"][disabled], .rich-button-submit-disabled, .rich-container input[type="reset"][disabled], .rich-input-reset-disabled, .rich-container input[type="submit"][disabled], .rich-input-submit-disabled, .rich-container input[type="button"][disabled], .rich-input-button-disabled

CSS Properties Skin Parameters
color tabDisabledTextColor
background-color tableFooterBackgroundColor
border-color tableFooterBackgroundColor
background-image org.richfaces.renderkit.html.images.ButtonDisabledBackgroundImage

Table 4.28.  HTML Element Skin Bindings for *button[type="button"][disabled], button[type="reset"][disabled], button[type="submit"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], input[type="button"][disabled]

CSS Properties Skin Parameters
color tabDisabledTextColor
border-color tableFooterBackgroundColor
background-color tableFooterBackgroundColor

Table 4.29.  HTML Element Skin Bindings for *|textarea

CSS Properties Skin Parameters
border-color panelBorderColor
font-size generalSizeFont
font-family generalFamilyFont
color controlTextColor
background-color controlBackgroundColor
background-image org.richfaces.renderkit.html.images.InputBackgroundImage

Table 4.30.  HTML Element Skin Bindings for textarea[type=textarea], input[type=text], input[type=password], select

CSS Properties Skin Parameters
border-color panelBorderColor
font-size generalSizeFont
font-family generalFamilyFont
color controlTextColor
background-color controlBackgroundColor
background-image org.richfaces.renderkit.html.images.InputBackgroundImage

Table 4.31.  HTML Element Skin Bindings for *|textarea[disabled], .rich-container *|textarea[disabled]

CSS Properties Skin Parameters
color tableBorderColor

Table 4.32.  textarea[type="textarea"][disabled], input[type="text"][disabled], input[type="password"][disabled]

CSS Properties Skin Parameters
color tableBorderColor

Table 4.33.  textarea[type="textarea"][disabled], input[type="text"][disabled], input[type="password"][disabled]

CSS Properties Skin Parameters
color tableBorderColor

Note

The basic skinning level can fail if the ajaxPortlet is configured as follows:
...
<portlet>
   <portlet-name>ajaxPortlet</portlet-name>
   <header-content>
      <script src="/faces/rfRes/org/ajax4jsf/framework.pack.js" type="text/javascript" />
      <script src="/faces/rfRes/org/richfaces/ui.pack.js" type="text/javascript" />
      <link rel="stylesheet" type="text/css" href="/faces/rfRes/org/richfaces/skin.xcss" />
   </header-content>
</portlet>
...