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

View Demo | More Info

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.

Fluid Skinning System

More Info

Showcase: Reset, Layout, Text, Themes, Mobile

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.

Keyboard Accessibility Plugin

View Demo | More Info

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

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

View Demo | More Info

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

List Reorderer

View Demo | More Info

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.

Grid Reorderer

View Demo | More Info

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

Image Reorderer

View Demo | More Info

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.

Simple Text Inline Edit

View Demo | More Info

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.

Preview

Pager

View Demo | More Info

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.

Uploader

View Demo | More Info

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.

Progress

View Demo | More Info

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

User Interface Options

View Demo | More Info

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

Sneak Peak

Rich Text Inline Edit

View Demo | More Info

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.