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.
Tutorial - Inline Edit 1.0 Migration
- Justin Obara
- Anastasia Cheetham
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.
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 |