...
| Section |
|---|
| Column |
|---|
| Inline Edit allows a user to do quick edits to simple text without having to switch modes or screens. All work is done on the same interface, which helps the user maintain context. The basic form of the Inline Edit component is the Simple Text Inline Edit. Three specific integrations are also available: - a Dropdown Inline Edit
- a Rich Text Inline Edit using the FCKEditorCKEditor
- a Rich Text Inline Edit using TinyMCE
Simple Text Inline Edit| Code Block |
|---|
|
fluid.inlineEdit(container, options);
|
| Code Block |
|---|
|
fluid.inlineEdits(container, options);
|
Creates an Inline Edit component (or multiple components) that uses a simple input field for the edit mode. See Simple Text Inline Edit API for details. Dropdown Inline Edit| Code Block |
|---|
|
fluid.inlineEdit.dropdown(container, options);
|
Creates an Inline Edit component that uses a dropdown selection box for the edit mode. See Dropdown Inline Edit API for details. Rich Text Inline Edit| Code Block |
|---|
|
fluid.inlineEdit.CKEditor(container, options);
|
| Code Block |
|---|
|
fluid.inlineEdit.tinyMCE(container, options);
|
Removed as of v1.4: | Code Block |
|---|
| javascript | javascript |
fluid.inlineEdit.FCKEditor(container, options);
|
Creates an Inline Edit component that uses a rich text editor for the edit mode. See Rich Text Inline Edit API for details. |
| Column |
|---|
| Panel |
|---|
| borderColor | #566b30 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #D3E3C4 |
|---|
| borderStyle | solid |
|---|
| title | On This Page | borderStyle
|---|
| | solid |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #c1b7c3 |
|---|
| borderStyle | solid |
|---|
| title | See Also | borderStyle | solid |
|---|
| |
| Panel |
|---|
| borderColor | #321137 |
|---|
| bgColor | #fff |
|---|
| titleBGColor | #cccccc |
|---|
| borderStyle | solid |
|---|
| title | Still need help? | borderStyle | solid |
|---|
| Join the infusion-users mailing list and ask your questions there. |
|
|
...
The Inline Edit component fires the following events (for more information about events in the Fluid Framework, see Events for Component Users):
| Include Page |
|---|
| Infusion13:Inline Edit EventsInfusion13: |
|---|
| Inline Edit Events |
|---|
|
| Include Page |
|---|
| Infusion13:Inline Edit FunctionsInfusion13: |
|---|
| Inline Edit Functions |
|---|
|
| Include Page |
|---|
| Infusion13:Inline Edit Configuration OptionsInfusion13: |
|---|
| Inline Edit Configuration Options |
|---|
| nopanel | true |
|---|
|
...
Alternatively, the individual file requirements are:
| Include Page |
|---|
| Infusion13:Inline Edit DependenciesInfusion13: |
|---|
| Inline Edit Dependencies |
|---|
| nopanel | true |
|---|
|