Work In Progress

This document is a work-in-progress. This page is for documenting all Mobile FSS classnames: what they do, when to use them, and how to extend them.

NOTE: FSS is deprecated as of 1.5

FSS Documentation

Fluid Skinning System - FSS
FSS Naming Conventions
FSS Cheat Sheet
Mobile FSS Cheat Sheet

Demos: Columns
Demos: Tabs, Menus, etc.
Demos: Text
Demos: Themes

HTML and CSS Background
CSS Bugs, Gotchas

Still need help?

Join the infusion-users mailing list and ask your questions there,
or hang out in our IRC Channel.

Introduction

Note: The Mobile FSS is new in v1.1.

This article is for documents all the Mobile FSS classnames and describes what they do, when to use them, and how to extend them.

Knowledge of the core FSS Cheat Sheet is not required, although extremely useful.

Mobile FSS recycles a large number of desktop FSS class names for the sake of easy portability. Mobile FSS includes some new class names too, which are unique in their usage. While the desktop and mobile flavours of FSS are very similar, there are some important differences:

The fss-mobile-layout.css file is required.
The fss-mobile-layout.css file has theme-specific layout adjustments.
fss-reset.css is not as relevant on the mobile platform as it is on the desktop.
mobile FSS relies heavily on Webkit, and is currently limited to platforms that use Webkit-based browsers (eg Android, iPhone, etc)
Since performance on the mobile platform is very different than any other, it is highly recommended to reduce the amount of network traffice your page generates. Therefore, try not to include theme files you wont use, ie: don't push the iphone theme file to an android device if your not using it.

A typical mobile FSS setup looks like

fss-mobile-layout.css
fss-mobile-themeOfYourChoice.css
your-tweaks.css

...and, as always, order is important!

FSS / mFSS overlapping class names

The following class names used in FSS are also used in mobile FSS, with different effects applied.
Any other FSS class name has no effect unless you include the FSS files.

Introduction

FSS / mFSS overlapping class names

Tabs

Buttons

Browser not supported