Versions Compared

Old Version 1

changes.mady.by.user Anastasia Cheetham

Saved on

compared with

New Version 2

changes.mady.by.user Anastasia Cheetham

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width50%
Info

This documentation refers to the latest trunk version of the Inline Edit code.

Inline Edit Overview

Allow users to edit content within the context of their work rather than going to an "edit mode".

Creating an Inline Editor

Note: this convenience method is not yet implemented.

Code Block
javascript
javascript
fluid.createInlineEdit(componentContainerId);
Column
Panel
borderColor#566b30
bgColor#fff
titleBGColor#D3E3C4
titleOn This Page
borderStylesolid
Table of Contents
minLevel2
maxLevel5
Panel
borderColor#321137
bgColor#fff
titleBGColor#c1b7c3
titleSee Also
borderStylesolid
Panel
borderColor#321137
bgColor#fff
titleBGColor#cccccc
titleStill need help?
borderStylesolid

Join the fluid-talk mailing list and ask your questions there.

...

Name

Description

Values

Default

selectors  

Javascript object containing selectors for various fragments of the Inline Edit markup

 

Code Block
javascript
javascript
selectors: {
    text: ".text",
    editContainer: ".editContainer",
    edit: ".edit"
}

styles

 

 

Code Block
javascript
javascript
styles: {
    invitation: "invitation",
    focus: "focus"
}

paddings

 

 

Code Block
javascript
javascript
paddings: {
    add: 10,
    minimum: 80
}

finishedEditing

 

 

Code Block
javascript
javascript
function () {}