Child pages
  • Tutorial - Inline Edit 1.0 Migration

This space is an archive space for documentation related to old versions of Fluid Infusion (i.e. versions before 1.3). For documentation related to the latest Infusion, see Infusion Documentation.

Skip to end of metadata
Go to start of metadata

This page will walk you through the process of upgrading your existing 0.8 Inline Edit implementation to the new 1.0 version. This tutorial assumes that

  • you are already familiar with HTML, Javascript and CSS
  • you are familiar with what Inline Edit is and does
  • you have an existing implementation of Inline Edit that worked with the 0.8 Infusion release.
  • you are using the default classes

Location Changes

With the directory restructuring comes the need to update your paths to our files.

If you use...

The new path is...

../../fluid-components/js/fluid/InlineEdit.js

../../components/inlineEdit/js/InlineEdit.js

../../fluid-components/js/fluid/InlineEditIntegration.js

../../components/inlineEdit/js/InlineEditIntegration.js

../../fluid-components/js/jquery/jquery.tinymce.js

../../components/inlineEdit/js/jquery.tinymce.js

../../fluid-components/css/fluid.states.css

../../components/inlineEdit/css/InlineEdit.css

** fluid.states.css has been removed and the inline edit classes moved to InlineEdit.css. See below for a list of classes moved.

On this Page
Still need help?

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

Class Name Changes

For consistency, all classes used as selectors have been given an "flc-" prefix, and ones used for styling have an "fl-" prefix.

Selection

New

Old

.flc-inlineEdit-text

.text

.flc-inlineEdit-editContainer

.editContainer

.flc-inlineEdit-edit

.edit

Programmatically changed Styles

New

Old

.fl-inlineEdit-invitation

.inlineEdit-invitation

.fl-inlineEdit-invitation-text

.inlineEdit-invitation-text

.fl-inlineEdit-tooltip

.inlineEdit-tooltip

.fl-inlineEdit-focus

.inlineEdit-focus

Added

.fl-inlineEdit-edit

Other Styles Used by Inline Edit

Added

.fl-inlineEdit-edit

.fl-inlineEdit-focus

Moved from FSS

Added

.fl-inlineEdit-tooltip

.fl-inlineEdit-invitation

  • No labels