Static resources

Static resources

Overview

Static resources include...

.html, .css, and .js files
.json files used to define menu options, module definitions, and module profiles.

Located on WebDAV:
http://host:port/wps/mycontenthandler/dav/fs-type1

Theme module definitions

fs-type1:\themes\Portal8.0\contributions
theme.json: Module definitions for wp_theme_portal_80.

wp_theme_edit
wp_theme_menus
wp_theme_portal_80
wp_theme_skin_region
wp_theme_high_contrast

dojo17.json: Module definitions for dojo, dijit and dojox from version 1.7.2.
oneui30.json: Module definitions for OneUI version 3.0.1.

wp_one_ui_30
wp_one_ui_30_dijit

Style templates

fs-type1:\themes\Portal8.0\css
Style templates contain the css definitions for the styles provided by the theme. The style options are shown in the Style tab on the site toolbar when in Edit Mode.
Each of the listed directories has a css definitions file for that style and an icon containing the image representing the style. For the black style, there is a black.css and an icon.gif file under the black directory.
The css directory contains the following directories and files:

Directories: black, blue, gold, green, orange, purple, red, white, images, and default.

Files:

master.css Includes contextmenu.css, contextmenuCommon.css, sideNav.css, and default.css
masterRTL.css Includes contextmenuRTL.css, contextmenuCommon.css, sideNavRTL.css, defaultRTL.css and default.css

These files contain the compressed (minified) versions of the css definitions.
Compressing the files makes the files harder to read, so uncompressed versions are provided. It is best to use uncompressed versions when editing and debugging the theme CSS.

The default directory contains the following files:

contextmenu.css
contextmenuCommon.css
contextmenuRTL.css
default.css
defaultRTL.css
sideNav.css
sideNavRTL.css
icon.gif:

These css files contain the style definitions for the context menu.
The images directory contains the following common images:

blank.gif A blank gif file used for spacing.
loading.gif The image shown when the page or other resource is loading.
loadingDark.gif A darker version of the loading.gif image.
master.png A sprite file with common images used in the theme. Some of the images in the sprite include the IBM and WebSphere Portal logos, search icon, the pencil icon for the edit/view mode toggle, and various sized arrow images.

Images

fs-type1:\themes\Portal8.0\images

Directories addContent and taggingAndRating
Files favicon.ico

js

fs-type1:\themes\Portal8.0\js

contextmenu.js JavaScript implementation of the context menu.
head.js JavaScript processing included in the head section.
theme.js JavaScript processing for the edit capabilities in the theme.
skinRegion.js JavaScript that applies accessible areas to the skins.
highContrast.js JavaScript processing for high contrast enabled systems.

Layout templates

fs-type1:\themes\Portal8.0\layout-templates
Each directory contains a layout template. These templates are shown on the Change Layout tab of the site toolbar when in edit mode. Each directory contains a layout.html file that defines the layout and an icon.gif file that is a thumbnail image of the layout.
The layout.html file defines the decorations of the content that are different between pages.
The layout templates are scoped to the Portal 8.0 theme.
Directories: 1Column, 1Row2ColumnUnequal, 1Row3ColumnEqual, 2ColumnEqual, 2ColumnLeft, 2ColumnRight, 2Row, 3ColumnCenter, 3ColumnEqual, TopColumn2ColumnUnequal, and TopColumn3ColumnCenter.

Menu definitions

fs-type1:\themes\Portal8.0\menuDefinitions
Link to Menu framework

pageAction.json Menu items for the page Action context menu. Items include the definitions for the Tagging and Rating, Impersonation, and other page-related menu items.
moreActions.json Menu items for the edit mode More context menu. Items include the definitions for the Create, Delete Page, Refresh page, and other page-related menu items.
shelfActions.json Customize site toolbar tabs. Items included are the definitions for the Overview, Add Content, Change Layout, and Change Style tabs.
skinAction.json Menu items for the portlet context menu. Items included are the definitions for the actions available for the portlet. Included items are Wiring, Delete, Edit Settings, Minimize, and Maximize.

nls

fs-type1:\themes\Portal8.0\nls
Contains localized html files for the theme.

Module Profiles

fs-type1:\themes\Portal8.0\profiles
Module profiles that define which modules are loaded when a page is loaded.

profile_deferred.json Optimized for performance. Uses deferred modules loaded only one time Edit mode is entered, one example is Dojo.
profile_full.json All modules required for the theme are loaded, with no deferred modules.
profile_lightweight.json Minimal modules needed for rendering a page.
profile_admin.json All modules required for the Administration pages.

Skins

fs-type1:\themes\Portal8.0\skins
Directories: Hidden, NoSkin, and Standard.
These directories contain the ready-to-use skins available with the WebSphere Portal 8.0 theme: Hidden, NoSkin, and Standard. Each directory has a skin.html file, which defines the markup for the skin.
Localized files:

fs-type1:\themes\Portal8.0\skins\Standard\nls
fs-type1:\themes\Portal8.0\skins\Hidden\nls
fs-type1:\themes\Portal8.0\skins\NoSkin\nls

Customize the site toolbar

fs-type1:\themes\Portal8.0\system
Contains the file that define the content for the site toolbar that is displayed in Edit Mode.

addContent.json Definitions for the content categories for the site toolbar example, All, Administration, and Collaboration.
addContent_wcm.json Definitions for the content categories for the site toolbar, for example, All, Administration and Collaboration. This version of the file is used when WCM is installed on the portal server.
addContent_allowedList.json Used when the page has an allowed portlets list defined. This list is set through the Page Properties.
changeLayout.json Definition for the Layout tab on the site toolbar
changeStyle.json Definition for the Style tab on the site toolbar
layouts.json Specifies which layouts are shown in the Layout tab on the site toolbar.
new.json Helper file for the content items in the Communications category.
new_wcm.json Helper file for the content items in the Communications category. This version is used when WCM is installed on the portal server.
styles.json Specifies which styles are shown in the Styles tab on the site toolbar.

Theme markup

fs-type1:\themes\Portal8.0\
Localized versions: fs-type1:\themes\Portal8.0\nls

Plain.html Markup that has no decorations. This file is used for some basic dialogs in the theme.
theme.html Markup that is identical for all the pages to which this theme is applied.
pan translate="0">theme_sidenav.html Theme layout that uses a side navigation.

Parent: Understand the Portal 8.0 modularized theme

master.css	Includes contextmenu.css, contextmenuCommon.css, sideNav.css, and default.css
masterRTL.css	Includes contextmenuRTL.css, contextmenuCommon.css, sideNavRTL.css, defaultRTL.css and default.css

blank.gif	A blank gif file used for spacing.
loading.gif	The image shown when the page or other resource is loading.
loadingDark.gif	A darker version of the loading.gif image.
master.png	A sprite file with common images used in the theme. Some of the images in the sprite include the IBM and WebSphere Portal logos, search icon, the pencil icon for the edit/view mode toggle, and various sized arrow images.

contextmenu.js	JavaScript implementation of the context menu.
head.js	JavaScript processing included in the head section.
theme.js	JavaScript processing for the edit capabilities in the theme.
skinRegion.js	JavaScript that applies accessible areas to the skins.
highContrast.js	JavaScript processing for high contrast enabled systems.

pageAction.json	Menu items for the page Action context menu. Items include the definitions for the Tagging and Rating, Impersonation, and other page-related menu items.
moreActions.json	Menu items for the edit mode More context menu. Items include the definitions for the Create, Delete Page, Refresh page, and other page-related menu items.
shelfActions.json	Customize site toolbar tabs. Items included are the definitions for the Overview, Add Content, Change Layout, and Change Style tabs.
skinAction.json	Menu items for the portlet context menu. Items included are the definitions for the actions available for the portlet. Included items are Wiring, Delete, Edit Settings, Minimize, and Maximize.

profile_deferred.json	Optimized for performance. Uses deferred modules loaded only one time Edit mode is entered, one example is Dojo.
profile_full.json	All modules required for the theme are loaded, with no deferred modules.
profile_lightweight.json	Minimal modules needed for rendering a page.
profile_admin.json	All modules required for the Administration pages.

addContent.json	Definitions for the content categories for the site toolbar example, All, Administration, and Collaboration.
addContent_wcm.json	Definitions for the content categories for the site toolbar, for example, All, Administration and Collaboration. This version of the file is used when WCM is installed on the portal server.
addContent_allowedList.json	Used when the page has an allowed portlets list defined. This list is set through the Page Properties.
changeLayout.json	Definition for the Layout tab on the site toolbar
changeStyle.json	Definition for the Style tab on the site toolbar
layouts.json	Specifies which layouts are shown in the Layout tab on the site toolbar.
new.json	Helper file for the content items in the Communications category.
new_wcm.json	Helper file for the content items in the Communications category. This version is used when WCM is installed on the portal server.
styles.json	Specifies which styles are shown in the Styles tab on the site toolbar.

Plain.html	Markup that has no decorations. This file is used for some basic dialogs in the theme.
theme.html	Markup that is identical for all the pages to which this theme is applied.
pan translate="0">theme_sidenav.html	Theme layout that uses a side navigation.