Skip to content
This repository


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Infusion combines JavaScript, CSS, HTML and user-centered design, rolling them all into a single package that sits on top of the popular jQuery toolkit. Infusion includes ready-to-use components as well as a framework to build your own.

Fetching latest commit…


Cannot retrieve the latest commit at this time

Octocat-spinner-32 .settings
Octocat-spinner-32 build-scripts
Octocat-spinner-32 src
Octocat-spinner-32 .project
Octocat-spinner-32 Infusion-LICENSE.txt
Octocat-spinner-32 README.txt
Octocat-spinner-32 maven.xml
Octocat-spinner-32 pom.xml
Octocat-spinner-32 project.xml
Fluid Infusion 1.3.1
Main Project Site:

What's New in 1.3.1?

This release:
    * Updates Pager to use the Renderer by default
    * Fixes several bugs in the Uploader
    * Fixes a keyboard navigation bug in the Layout Reorderer

What's in this Release?

This release is available in three forms:
    Deployment Bundle - 
    Source Code Bundle -
    Your own custom build, using the new Infusion Builder:
In addition to source code, samples and tests, both bundles include at the top level a single JavaScript file,
which is a combination of all other source files. Developers can include this single file in 
their pages to provide all the necessary support for the Infusion component Library. In the Deployment Bundle,
this script is compressed and suitable for production use.

The Deployment Bundle also includes a WAR file suitable for deployment in Java-based containers: 

Source Code
The organization of the full source code for the Infusion library is as follows:


In the Deployment Bundle, the JavaScript source has been minified: comments and whitespace have
been removed. 

Developers wishing to learn about the Fluid Infusion code, or debug their applications, should use
the Source Code Bundle.

Demo Portal
The bundle now comes with a convenient one-stop-shop for seeing all components in action. You can
find the demo portal in the "demos" folder in the release bundle or on our Website at:

When run from a local file system, several of these demos require you to enable local file AJAX 
if you're using Firefox 3 and higher. Here's more information:
Other Examples and Sample Code
Sample code illustrating how Infusion components can be used:

             sakai/     (showcases: Inline Edit, Pager, UI Options, FSS)
             uportal/   (showcases: Reorderer, UI Options, FSS)


Please note that the tests in the "manual-tests" folder are deprecated, and are being
converted into unit tests. Any remaining tests in that folder may not function properly.

Fluid Infusion code is licensed under both the ECL 2.0 and new BSD licenses. The specific licenses can be
found in the license file:

Infusion also depends upon some third party open source modules. These are contained in their own
folders, and their licenses are also present in
More information about Infusion licensing is available in our wiki:

Third Party Software in Infusion
This is a list of publicly available software that is redistributed with Fluid Infusion, 
categorized by license:

MIT License:
    * jQuery javascript library v1.4.2: 
    * jQuery UI javascript widget library v1.8:
    * jQuery UI tooltip (pre-release from jQuery 1.9 branch)
    * jQuery QUnit:
    * jQuery Mockjax:
    * jQuery Chili code highlighter 
    * SWFUpload v2.2.0.1:
    * SWFObject v2.2:

zlib/libpng License:
    * fastXmlPull is based on XML for Script's Fast Pull Parser v3.1
BSD License:
    * fluid.reset.css is based on YUI's CSS reset styling v2.5.2
    * Sample markup and stylesheets from uPortal v2.6 (

ECL 2.0:
    * Sample markup and stylesheets from Sakai v2.5 (

Other licenses:
    * Douglas Crockford's JSON.js (from 2007-11-06): (Public Domain)


The Fluid Project uses a wiki for documentation and project collaboration:
The main Infusion documentation can be found at:

The documentation for Infusion consists of a number of information pages stored in the Fluid Wiki.
The pages include tutorials, API descriptions, testing procedures, and data-gathering approaches. To make the 
manual pages easy to navigate, we have added the following guides:

    * The above-mentioned landing page, which links to all of our documentation.
    * A link to the documentation appears at the top of the left-side wiki navigation
      bar with the name "Infusion Documentation".

NOTE: Starting with Infusion 1.3, we are beginning to migrate our documentation to a new home.
Some of our Sneak Peek functionality is now documented at

Supported Browsers

The following browsers are fully supported and were actively tested against for Infusion 1.3.1:

Mac OS X 10.6:
    * Safari 5
    * Firefox 3.6
    * Firefox 4
Windows XP:
    * Firefox 3.6
    * Internet Explorer 6
    * Internet Explorer 7
    * Internet Explorer 8
    * Google Chrome
Windows 7:
    * Firefox 3.6
    * Firefox 4
    * Internet Explorer 8
    * Internet Explorer 9
For more information on Fluid Infusion browser support, please see:

Status of Components and Framework Features

Production: supports A-Grade browsers, stable for production usage across a wide range of
applications and use cases
    * Fluid Skinning System 
    * Infusion Framework Core
    * Inline Edit: Simple Text
    * Renderer
    * Reorderer: List, Grid, Layout, Image
    * Undo

Preview: still growing, but with broad browser support. Expect new features in upcoming releases
    * Pager
    * Progress
    * UI Options
    * Uploader

Sneak Peek: in development; APIs will change. Share your feedback, ideas, and code
    * IoC
    * Transactional ChangeApplier
    * Inline Edit: Dropdown
    * Inline Edit: Rich Text
    * Mobile Fluid Skinning System
    * Table of Contents
    * Model Transformation
    * Progressive Enhancement

Known Issues

The Fluid Project uses a JIRA website to track bugs:
Some of the known issues in this release are described here:

    FLUID-2504: Flexible columns don't maintain proper alignment under certain conditions
    FLUID-2434: In IE, major font size changes break text positioning within form controls

    FLUID-2577: Renderer performance can be slow on IE 6 and 7 in some contexts.

Inline Edit: 
    FLUID-3632: Chrome 4 in WIN XP does not allow tabbing out of tinyMCE editor's edit field
    FLUID-3811: Previous edits are persisting in Edit Mode despite demo being reloaded in IE8
    FLUID-1600: Pressing the "Tab" key to exit edit mode places focus on the wrong item

Layout Reorderer: 
    FLUID-3864: Layout Reorderer failed to move portlets back to the first column in three-columns view with keyboard
    FLUID-3089: If columns become stacked, can't drag item into lower column
    FLUID-858:  Portlet Columns load with no padding between them in IE7

    FLUID-4036: The Pager is dependent on the use of rsf:ids for sortable columns
    FLUID-2880: The Pager will be refactored. Note that as a result of this, there will be significant changes to the Pager API
    FLUID-3584: Clicking page numbers throws an error: using IE 6

    FLUID-3493: Renderer appears to corrupt templates containing empty tags on Opera (maybe others)
    FLUID-3277: Attempt to add children to leaf component in tree results in "targetlump is undefined" error
    FLUID-3276: Enclosing branch nodes within markup which has "headers" attribute causes them to become invisible to the renderer

    FLUID-3288: Moving an item with the keyboard "loses" the "ctrl-key is down" status
    FLUID-118:  Dragging an image offscreen or out of the frame has some unexpected results.

UI Options: 
    FLUID-3621: The text in buttons does not change size.
    FLUID-2481: "Links" selection does not work correctly in UIOptions
    FLUID-2398: Minimum font size control changes the text size even when the base size is larger then the minimum.
    FLUID-3886: The HTML5 version of the Uploader can't exclude certain files based on file type
    FLUID-4078: The HTML5 Upload strategy incorrectly interprets the fileSizeLimit option as MB instead of KB
    FLUID-3996: Deleting files on the local filesystem after they have been added to the Uploader's queue will cause inconsistent behaviour
    FLUID-3997: Can't tab to the "Browse/Add More" button with the keyboard in IE with Flash 10
    FLUID-3999: "Add more" button is not disabled while uploading other files in HTML5-compliant browsers
    FLUID-2052: Cannot tab away from the "Browse Files" button with Flash 10*
    * For information related to known issues with Flash 10 compatibility, 
Something went wrong with that request. Please try again.