Fluid Demonstration Portal

Found a bug? Have a question? Let us know

Infusion JS Framework

The following modules are core features of Infusion, and not considered components

Production

Renderer

Renderer Demo
The Renderer offers a clean separation of Model and View: it works with internal component trees that are independent of the mark-up, supporting the Fluid goal of DOM agnosticism.
More Info

Fluid Skinning System

Reset Demo
Base Demo
Context Demo
Layout Demo
Linearize Demo
Clearfix Demo
Text Demo
Themes Demo
Mobile Demo
FSS is a clean, semantic, easy-to-use CSS class name library that can help you style content and layouts quickly and easy. FSS works wonders with UI Options.
More Info

Keyboard Accessibility Plugin

Keyboard Accessibility Demo
The jQuery Keyboard Accessibility Plugin makes it easy for developers to add keyboard handlers to their code without a lot of extra overhead.
More Info

Integration Examples

Some demos for using multiple components and/or Fluid technologies on a single page or in an application

Framework + Components

Coming Soon
In this demo, Infusion components and framework are combined to demostrate a real world example.

Infusion Components

These components are available in the Infusion framework download

Production

Layout Reorderer

Layout Reorderer Demo
The Layout Reorderer provides drag and drop customization of modules in a portal environment. This component is part of the Reorderer family of components.
More Info

List Reorderer

List Reorderer Demo
The List Reorderer provides reordering of elements in a list through drag and drop and/or numbering. This component is part of the Reorderer family of components.
More Info

Grid Reorderer

Grid Reorderer Demo
The Grid Reorderer is a convenience function for applying the Reorder to a grid of items with minimal effort.
More Info

Image Reorderer

Image Reorderer Demo
The Image Reorderer is a JavaScript-based user interface component that lets users reorder images within a collection. This component is part of the Reorderer family of components.
More Info

Simple Text Inline Edit

Simple Text Inline Edit Demo
Simple Text Inline Edit allows a user to do quick edits to simple text without having to switch modes or screens. All work is done on the same interface which helps the user maintain context. This component is part of the Inline Edit family of components.
More Info

Preview

Pager

Pager Demo
The Pager allows users to break up long lists of items into separate pages. They may decide whether or not they want paging, and how many results are displayed per page.
More Info

Uploader

Uploader Demo
The Uploader allows users to upload files. The user can select desired files from their computer, view them in a queue, add or remove files to and from the queue, and upload them.
More Info

Progress

Progress Demo
The Fluid Progress component provides a usable and accessible linear progress display for use on its own or with other Fluid components.
More Info

User Interface Options

UI Options Demo
UI Options transforms the presentation of the user interface and content resources so that they are personalized to an individual user's needs.
More Info

Sneak Peak

Rich Text Inline Edit

Rich Text Inline Edit Demo
Rich Text Inline Edit allows a user to do quick edits to formatted text without having to switch modes or screens. All work is done on the same interface which helps the user maintain context. This component is part of the Inline Edit family of components.
More Info