Upgrading Inline Edit to 1.3
API
Changes to Default Values of Options
Two existing options have new default values. If you previously relied on the default values, you will now have to set them specifically.
Option |
Old Default |
New Default |
---|---|---|
|
false |
true |
|
"Click item to edit" |
"Select or press Enter to edit" |
New Options
Several new options have been added to Progress:
displayModeRenderer
strings
- selector:
textEditButton
- styles:
emptyDefaultViewText
editModeInstruction
displayView
textEditButton
For details on how to use these new options, see the Simple Text Inline Edit API page.
New Public Functions
Several utility functions have been moved into the public namespace. These functions may be useful to you if you wish to override any of the default rendering functions: they provide various services that a custom rendering function might make use of. For information, see the comments in the code.
Dependencies
The Inline Edit now depends on additional jQuery UI files, as well as some of the new Framework files and the new Infusion Tooltip subcomponent.
Old Dependencies |
---|
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.core.js"></script> <script type="text/javascript" src="lib/jquery/plugins/tooltip/js/jquery.tooltip.js"></script> <script type="text/javascript" src="framework/core/js/jquery.keyboard-a11y.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="components/inlineEdit/js/InlineEdit.js"></script> |
New Dependencies |
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.core.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.widget.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/jquery.ui.position.js"></script> <script type="text/javascript" src="lib/jquery/plugins/tooltip/js/jquery.tooltip.js"></script> <script type="text/javascript" src="framework/core/js/FluidDocument.js"></script> <script type="text/javascript" src="framework/core/js/jquery.keyboard-a11y.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="components/tooltip/js/Tooltip.js"></script> <script type="text/javascript" src="components/inlineEdit/js/InlineEdit.js"></script> |