Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Fluid 1.4

Build Fluid

Code Block
ant customBuild -Dexclude=jQuery,jQueryUICore,jQueryUIWidgets -Djsfilename="fluid-all-1.2.1.js" -DnoMinify=true

...

  • fluid
    • version (e.g. 1.2.1)
      • js
        • fluid-all-version.js (e.g. fluid-all-1.2.1.js)
      • fss
        • css
          • <individual css files>
        • images
          • <images and theme directories>

Create FSS framework file

We also use a custom FSS aggregation file to decrease the number of CSS imports in the main theme. A file named fss-framework-<version>.css should be created by combining (in order) fss-reset.css, fss-layout.css, and fss-text.css. For example, from the directory resource-server/resource-server-content/src/main/webapp/rs/fluid/1.2.1/fss/css:

No Format
cat fss-reset-global.css fss-base-global.css fss-layout.css fss-text.css > fss-framework-1.4.0.css

Fluid 1.5

Build Fluid

Install the pre-requisites (node.js, grunt-cli) as noted in the readme file in Infusion https://github.com/fluid-project/infusion.

Code Block
# download and install node.js.  If need be, create links to insure you have npm and node executable from the command line.
sudo npm install -g grunt-cli
# Install additional pre-requisites
npm install
grunt custom --exclude="jQuery,jQueryUICore,jQueryUIWidgets" --source=true

This should create products/infusion-custom-1.5.0-SNAPSHOT.zip.  The unminified files needed are in the zip file:

  • infusion/infusion-custom.js
  • infusion/framework/fss/css/*
  • infusion/framework/fss/images/*

Create FSS framework file

We also use a custom FSS aggregation file to decrease the number of CSS imports in the main theme. A file named fss-framework.css should be created by combining (in order) fss-reset.css, fss-layout.css, and fss-text.css. For example, from the directory resource-server/resource-server-content/src/main/webapp/rs/fluid/1.5.0/fss/css:

No Format
cat fss-reset-global.css fss-base-global.css fss-layout.css fss-text.css > fss-framework.css

Create Resource Server structure

A new directory should be added to resource-server/resource-server-content/src/main/webapp/rs/fluid, with the following format:

  • fluid
    • version (e.g. 1.5.0)
      • js
        • fluid-custom.js (renamed from infusion-custom.js)
      • fss
        • css
          • <individual css files>
        • images
          • <images and theme directories>

Create the resource server directory structure above and copy the resources into the appropriate locations.  Also create the fss-framework.css file.