Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Set up your environment

Owned by Laurel Williams
Last updated: Oct 16, 2009 by Colin Clark
1 min read

Set Up Your Environment

Create a directory structure

For this tutorial, create the following directory layout in your favourite development environment. We use Aptana.

  • A top level directory called webapp
  • Two sub-directories of webapp called flutter-infused and shared
  • A sub-directory of flutter-infused called sample-data
  • Two sub-directories of shared called css and js
  • A sub-directory of css called fss
  • A sub-directory of js called infusion

Click below to enlarge

Add Fluid Infusion dependencies

  • Download and unzip a fluid:custom built copy of Fluid Infusion. This was created using the Custom Infusion Builds process with FSS, Framework and jQuery UI as build parameters.
  • From the framework directory of your Infusion package, copy the contents of the fss directory into your fss directory.
  • Copy the MyInfusion.js file into your infusion directory
  • The result should look something like the image on the right

Click below to enlarge

Add Flutter dependencies

Copy the files below into the appropriate directories.

File

Directory

fluid:Flutter.css

webapp/shared/css

fluid:SettingsDialog.js

webapp/shared/js

fluid:Twitter.js

webapp/shared/js

fluid:FriendsView.js

webapp/flutter-infused

fluid:FlutterInfused.html

webapp/flutter-infused

fluid:Friends

webapp/flutter-infused/sample-data

fluid:user_timeline_12368532.json

webapp/flutter-infused/sample-data

fluid:user_timeline_14538601.json

webapp/flutter-infused/sample-data

fluid:user_timeline_14538636.json

webapp/flutter-infused/sample-data

fluid:user_timeline_14951188.json

webapp/flutter-infused/sample-data

fluid:user_timeline_17868497.json

webapp/flutter-infused/sample-data

fluid:user_timeline_19539154.json

webapp/flutter-infused/sample-data

fluid:user_timeline_5915782.json

webapp/flutter-infused/sample-data

fluid:user_timeline_752673.json

webapp/flutter-infused/sample-data

The result should look something like the image below (click to enlarge).