Customizing Skins to Add Components

To customize an existing skin to add components:

  1. Create a file called trinidad-skins.xml, and insert this code: <skins xmlns="http://myfaces.apache.org/trinidad/skin><skin><id>HspCustom.desktop/<id><family>HspCustom</family><extends>blafplus-rich.desktop</extends><render-kit-id>org.apache.myfaces.trinidad.desktop</render-kit-id><style-sheet-name>custom/HspCustom.css</style-sheet-name></skin></skins>

  2. Specify the following in the code:

    • Family—The name of the new skin

    • Style-sheet-name—The custom css file that contains the style selectors

    • Extends— The skin being modified

  3. Override the desired style selectors.

  4. Perform the tasks in Registering Customized Skins.