+

Search Tips   |   Advanced Search

Static resources

Static resources include the markup defined by .html, .css, and .js files used by the theme. Some .json files are used to define menu options, module definitions, and module profiles.

Static resources are stored in the WebDAV file store on the WebSphere Portal Server. Here is the main WebDAV entry point:

    http://host:port/wps/mycontenthandler/dav/fs-type1

Anything that is stored on WebDAV is static content, which does not need to be compiled and redeployed onto a server. Many issues within the theme can be easily resolved by looking at the Theme Analyzer for guidance. Static files can be accessed with a WebDAV client or using the IBM Digital Experience File Sync (DXSync). Each WebDAV folder has a readme file with additional information about each section.

  • Theme directory:
      fs-type1:\themes\<theme_name>\
  • Theme templates, and the location of the theme.html file:
    • Portal8.5 theme:
        fs-type1:\themes\Portal8.5\nls\
    • Simple theme:
        fs-type1:\themes\Simple
  • Skin templates:
    • Portal8.5 theme:
        Location of the hidden skin:
          fs-type1:\themes\Poratl8.5\skins\Hidden\nls\
        Location of the standard skin:
          fs-type1:\themes\Portal8.5\skins\Standard\nls\
        Location of the NoSkin skin:
          fs-type1:\themes\Portal8.5\skins\NoSkin\
    • Simple theme
        Location of the standard skin:
          fs-type1:\themes\Simple\skins\Standard\
  • Layout templates:
      Portal8.5 theme:
        fs-type1:\themes\Portal8.5\layout-templates\
      Simple theme:
        fs-type1:\themes\Simple\layout-templates\
  • Menu definitions:
      Portal8.5 theme:
        fs-type1:\themes\Portal8.5\menuDefinitions\
      Simple theme:
        fs-type1:\themes\Simple\menuDefinitions\


Theme module definitions

fs-type1:\themes\Portal8.5\contributions

theme.json Module definitions for wp_theme_portal_85.

dojo19.json Module definitions for Dojo, dijit, and dojox from version 1.9.1.
oneui303.json Module definitions for OneUI version 3.0.3.

contextmenu.json Component action menu presentation templates.
simple_contextmenu.json Simple menu presentation templates.
worklight61.json Contains Worklight mappings.


Style templates

fs-type1:\themes\Portal8.5\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, default
Files:

master.css contextmenu.css
contextmenuCommon.css
sideNav.css
default.css
masterRTL.css contextmenuRTL.css
contextmenuCommon.css
sideNavRTL.css
defaultRTL.css
default.css

These files contain the minified versions of the css definitions. Compressing the files makes the files harder to read, so uncompressed versions are provided. Use uncompressed versions when editing and debugging theme CSS.

The default directory includes the base styles for the theme. These styles are applied to the default theme and optimize it for mobile devices. These styles apply to menus, navigation, layout, and footer.

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.5\images

  • Directories: addContent and taggingAndRating

  • Files: favicon.ico


js

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

contextmenu.js JavaScript implementation of the 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.5\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 area that are different between pages.

The layout templates are scoped to the Portal 8.5 theme.

Directories: 1Column, 1Row2ColumnUnequal, 1Row3ColumnEqual, 2ColumnEqual, 2ColumnLeft, 2ColumnRight, 2Row, 3ColumnCenter, 3ColumnEqual, TopColumn2ColumnUnequal, and TopColumn3ColumnCenter.


Menu definitions

fs-type1:\themes\Portal8.5\menuDefinitions

Link to menu framework

  • pageAction.json: Menu items for the Page Action menu. Items include the definitions for the Tagging and Rating, Impersonation, and other page-related menu items.

  • skinAction.json: Defines menu items for the portlet menu. It includes the definitions for the actions available for the portlet. Included items are Wiring, Delete, Edit Settings, Minimize, and Maximize.


nls

fs-type1:\themes\Portal8.5\nls

Contains localized html files for the theme.


Profiles

fs-type1:\themes\Portal8.5\profiles

These are the three module profiles that define which modules are loaded when a page is loaded. For more information about deferred modules, see Modules, and Deferred and non-deferred modules. For more information about profiles, see Included Profiles.


Skins

fs-type1:\themes\Portal8.5\skins

Directories: Hidden, NoSkin, and Standard.

These directories contain the ready-to-use skins available with the WebSphere Portal 8.5 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.5\skins\Standard\nls
  • fs-type1:\themes\Portal8.5\skins\Hidden\nls
  • fs-type1:\themes\Portal8.5\skins\NoSkin\nls


Theme markup

fs-type1:\themes\Portal8.5\

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

Plain.html Markup that has no decorations. Used for some basic dialogs in the theme.
theme.html Markup identical for all the pages to which this theme is applied.
theme_sidenav.html Theme layout that uses a side navigation.


Parent Understand the Portal v8.5 modularized theme