• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Inline Edit list plugin

  • Views Views: 41,105
  • Last updated Last updated:

Navigation

  • IMPORTANT NOTE - until this notice is removed, do not use the inline edit plugin if you have repeated Groups / List Joins on your form. We recently discovered an issue in Fabrik 3.1/2 which may result in loss of data if this plugin is used on Lists with repeated Groups.

    NOTE - this plugin is provided "as-is", and we will not be doing any more development or bug fixing of it in the 3.x versions of Fabrik. Please test the functionality you need, before committing any app design to rely on using it. It works for simple use cases, but may not work as expected for "complex" usage, involving menu pre-filtering, element ACL's, joins (as mentioned above), non-trivial form plugins (such as PayPal), etc.

    The inline edit plugin allows you to edit list cells much in the same way that a spreadsheet application would do. It is useful for updating lots of values quickly, as you are not obliged to go through the steps of viewing the list, editing the form, and saving it.

    An Example the the inline edit plugin can be found on the demo site's task list.

    Settings​

    inlineedit-options.png


    • Access - The viewing level the user must belong to to be able to use the plugin.
    • Editable elements - A comma separated list of full element names that can be editable. If left blank then all Elements are editable.Can also be a json string allowiing one element to edit multiple fields, see below for an example.
    • Activation event- The event which activates the inline edit widget, you have the choice of:
      • Click
      • Double click
      • Mouse over
    • Save on tab - Should pressing the tab key save the open inline edit widget and move it on to the next editable cell
    • Cancel button - Should the widget show a cancel button (pressing the escape key will cancel editing regardless of this setting)
    • Save button - Should the widget show a save button (pressing enter on the keyboard will save the record regardless of this setting)

    Examples​

    Basic Example​
    inlineedit-example.png


    In this example the first row's score cell has been double clicked, a Javascript window appears allowing the user to edit the score and save it. The whole process is done via Ajax so no page refreshed occur.

    Example: edit multiple Elements at the same time​
    Rather than simply setting a comma separated list of Elements for the plugin's editable Elements option you can define a json string where each key is the full element name that is editable, and each value an array of Elements that should appear in the widget when the key element is activated.

    E.g. in the example below we are saying that when clicking in a "list_plugin_inlineedit___score" cell should show both the ""list_plugin_inlineedit___score" element and the "list_plugin_inlineedit___country" element
    {"list_plugin_inlineedit___score":["list_plugin_inlineedit___score", "list_plugin_inlineedit___country"]}

    List-plugin-inlineedit-example2.png
Back
Top