Adding a Skin and Resources
Adding a skin and its resources.
About this task
Important: Do not change or modify to the
base skin. Always create a custom skin, and then upload resource files into that custom skin.
Tip: As you hover over an icon its label appears.
Procedure
- If you are in a Content Delivery tool, click Home in the breadcrumb trail.
The Content Delivery landing page appears.
- In the Administration Tools pane, click Developer's Workbench.
The Developer's Workbench page appears.
- Click Add Skin.
- In the Add Skin window, enter the name for your skin.
For example, enter galaxy.system.neptune. Skin names may only contain alphanumeric characters or periods (A-Z, 0-9, '.').If you type the lowest-level skin, the levels above are created automatically. In this example,
galaxyandgalaxy.systemare created automatically. - In the left pane, click on your new skin to make it active for modifying.
- In the right pane, click Develop with this skin, and then click OK.
- In response to the Refresh this page to develop with this skin pop-up message, press F5.
- In the right pane, click on the tab of the type of resource you want to add.
For example, to add stylesheets, click CSS tab.Note: Ensure that the resource that you want to add does not have statements commented out, or they will not be in effect.
- Click Upload Resources.
- Click Select Resources.
The file browser appears.
- Browse to the directory that contains the resources that you want to add, such as a graphic stored locally on your system.
If you want to modify a resource from the base skin, copy it from the appropriate skins type subdirectory into a working directory.The following is the path to the skins directory structure In a default installation:
- Bundled Web Application Server install:
\SDL LiveContent Reach\db\LiveContent\ui\skins - Third-Party Web Application Server install:
\Apache Software Foundation\Tomcat 7.0\webapps\LiveContent \WEB-INF\db\LiveContent\ui\skins
Tip: Click the Frame Navigator > Manage Application > System Status. The App Directory field contains the path used in your installation. - Bundled Web Application Server install:
- Click the resource files that correspond to the type you selected, and then click Open.
Note: You must upload your skin resources in the correct type or they will not be found by the application. For example, if you upload a CSS file into the JavaScript type, it will not be located by the application. All media and images (movies, Flash, images, PDFs) should be uploaded into the Images type.
- Click Upload.
- Repeat Steps 8 through 12 for all the resources you require for your skin.