Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 5.3
Section
Column
width60%
Info

This documentation refers to the latest trunk version of the <Component> code.

This page will walk you through an example of adding the Fluid <Component> component to an HTML file.

Panel
borderColor#566b30
bgColor#D3E3C4
borderStyleoutset

This is a panel that can be used for tips, notes, etc.

This tutorial assumes that:

  • you are already familiar with HTML, Javascript and CSS
  • you are familiar with what the <Component> is and does
  • now you just want to know how to add it to your file.

For more general information about the <Component>, see <main component page>. For technical API documentation, see <Component> API.

Tutorial: How to Use the <Component>

Scenario

<Describe the real-world scenario that is the basis of the tutorial.> This tutorial will show you how to use the Fluid <Component> for this.

There are four basic steps to adding the <Component> to your application:

  • Step 0: Download and install the Fluid Infusion library
  • Step 1: Prepare your markup
  • Step 2: Write the script
  • Step 3: Add the script to your HTML
  • Step 4: Apply styles

The rest of this tutorial will explain each of these steps in detail.

Column
solid
Panel
borderStyle
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
borderStylesolid
titleOn This Page
Table of Contents
toc
maxLevel
maxLevel
5
minLevel25
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
borderStylesolid
titleSee AlsoborderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
borderStylesolid
titleStill need help?borderStylesolid

Join the infusion-users mailing list and ask your questions there.

...