Font Size:

Data Versioning Plugin

Introduction

This plugin is designed to facilitate form data versioning, allowing users to manage and track different versions of their form data.

Plugin information

Plugins Available in the Bundle:

  • Data Versioning (Form Load Data Store).
  • Data Versioning (Form Save Data Store).
  • Data Versioning (form Element, Web Service).

This plugin bundle is compatible with Joget DX 8.

Get started

Prerequisites

  • Data Versioning Plugin.
  • An app for this tutorial.

Where to get the plugin

Data Versioning Plugin can be downloaded from the Joget Marketplace.

How to install

Installing Data Versioning Plugin to Joget
  1. Click Joget Marketplace.
  2. If the user has not logged in, click Login.
  3. Enter login credentials and click Login.
  4. Click Download.
  5. Open the App Center and log in as Administrator.
  6. Click the Quick Edit at the bottom right corner.
  7. Click Settings > System Settings > Manage Plugins.
  8. Remember to uninstall any old plugin before uploading a new version.
  9. Click Upload Plugin.
  10. Click Choose File.
  11. Select the downloaded Data Versioning Plugin.
  12. Click Upload.
  13. The installed plugin is now shown in the table.
  14. Refresh the browser tab for the changes to take place.
  15. The Joget Knowledge Base has more information on managing and developing plugins.
Setup Options

Choose one of the setup approaches below:

Option 1: Importing Demo App
  1. Download the demo app from the demo app.
  2. Open the App Center and log in as Administrator.
  3. Click Import App.
  4. Click Choose File.
  5. Select the downloaded demo app.
  6. Click Upload.
  7. Click Publish to publish the app.
Option 2: Creating and Importing Plugin into an App

This tutorial will create and use a new app to demonstrate the functionality of Data Versioning Plugin.

  1. Open the App Center and log in as Administrator.
  2. Click Design New App.
  3. Click Create New App.
  4. Click Create A Blank App, type in the App ID and App Name, and click Save.
  5. Click Add New at Form Builder to create a new form.
  6. Type in the Form ID, Form Name, and Table Name, and click Save
  7. Drag a Text Field and a Text Area into the form. Click Save to save the changes and click Generate App.
  8. Click the box beside GENERATE CRUD and click Generate to generate a List.
  9. Click Settings at Form Builder.
  10. Click Advanced, click Load Data From, and click Data Versioning to attach Data Versioning Plugin to the Form, and click Save to save the changes.
  11. Click App Composer.
  12. Click Publish to publish the app.

How to use it

  1. Under UI Builder, click Launch next to the UI to launch the app.
  2. Click Manage Sample Feedback Form from the Sidebar.
  3. Click New.
  4. Create a new record by typing in the Text Field and Text Area, and click Save to save the record.
  5. Click Edit.
  6. Click Manage Versions, and an Input Field with a placeholder of "What did you change?" will appear on the top right corner and at the bottom of the form consecutively.
  7. There is no record in the table because no edits have been made yet. Click Back to Form.
  8. Edit the Text field and Text Area and type some suitable comment regarding the edits, and click Save.
  9. Click Edit.
  10. Click Manage Versions.

Expected outcome

  1. There is a new record in the Form Data Version List that documents the changes made to it. Click View Difference.
  2. The View Difference feature highlights the changes between the current version and the previous version of the record. Text with a red background and a strikethrough indicates content that does not exist in the previous version, while text with a green background represents the original content in the previous version. Click Restore to This Version.
  3. Click Reload Data.
  4. The values for Text Field and Text Area are restored to the current version from the previous version. Click Manage Versions
  5. A new record appears in the Form Data Version List stating the previous version has been restored. Click Back to Form.
  6. Click Back.
  7. The restored changes are shown in the List.

Download plugin 

Download the plugin from Joget Marketplace.

Download sample app

Download the demo app for Data Versioning Plugin:
Created by Aadrian Last modified by Gabriel on Jun 20, 2025