Help
Academy
  • INTRODUCTION
  • About Reasy
  • Why Choose Reasy?
  • User Registration
  • Invite & Manage Users
  • GETTING STARTED
    • Create Your First App
    • App Dashboard
    • Workspace
      • Engine Explorer
      • Navigation Explorer
      • Canvas
      • Tools
        • Screen Components
          • Input Elements
          • Containers
          • Texts
          • Buttons
          • Charts
          • Grids
          • Cards
          • Files & Images
          • Custom Components
          • Pre-built Screens
        • Custom Screen Components
        • BPMN Components
        • Data-Driven Plugins
          • Data Sources
            • SQL Plugin
            • Session Plugin
            • MakeServerURL
            • PrivatePDM
            • Logout
            • MethodInvoker
            • UMPlugin
            • APIConsumer
            • EmailReaderPlugin
            • FileReaderPlugin
            • FileWriterPlugin
            • FileDownloadPlugin
            • FileUtils
            • PropertyReader
            • DateUtils
            • JsonUtils
            • JoinPlugin
            • EncryptDecrypt
            • StringUtils
          • Data Display
          • Business Tools
      • Property Editor
        • General Properties
        • Design Properties
    • Engines
      • Screens
        • Responsive Grid System
        • Building App Layout
        • Building Screens
        • Creating Pop-up Screens
        • Events and Actions
        • Importing Screens
          • Importing an HTML
          • Importing a Figma Screen
          • Importing a PDF
          • Importing a Screenshot
          • Importing a Hand-drawn Sketch
          • Text to Screen
        • Manage Screens
      • Data Modeler
        • Setting up a Data Source
        • Creating a Model
          • Adding Computational Formula
          • Adding Validations
        • Importing a Data Model
        • Entity Relationships
        • Exporting a Data Model
      • APIs
        • A Step-by-Step Guide to Build an API
        • Creating an API Service
        • API Configuration
        • Publishing API
        • API Authentication
        • Consuming REST APIs
        • Manage API Services
      • Navigation
        • Layout Setup
        • Creating Microapps
        • Manage Microapps
      • Page
      • Workflow
        • Creating Workflows
        • Workflow Templates
        • Optimizing Complex Workflows
        • Manage Workflows
      • User Management
        • Users
        • Roles
        • Policies
        • Password Policies
        • Data Rules
      • Resources
      • Languages
        • Translating App Language
        • Manage Languages
    • App Management
Powered by GitBook
On this page
  • Creating a custom plugin
  • Installing a Custom Plugin
  • Managing Custom Plugins

Was this helpful?

  1. GETTING STARTED
  2. Workspace
  3. Tools

Custom Screen Components

PreviousPre-built ScreensNextBPMN Components

Last updated 21 days ago

Was this helpful?

While Reasy offers an extensive collection of UI tools to accommodate most business use cases, it also empowers you with the capability to create custom plugins, simplifying your app development journey. You can conveniently manage all your custom plugins by navigating to Account Information > Manage Plugins.

Note: Custom plugins are merely UI tools.

Creating a custom plugin

A plugin is a JavaScript (JS) object that possesses a name and contains actions. These actions contain methods that are triggered based on specific events. Developing custom plugins is a simple process, requiring minimum coding expertise.

Follow these steps to create one,

  • Click Create Plugin.

  • Give your plugin a name and provide a brief description of its purpose.

  • Select the plugin type, and there you go.

This downloads a zip file to your default local storage. Inside this zip file, you will find a file named "plugin.json", which contains basic information about your plugin and a unique identifier tagged to it.

The core JavaScript file for creating plugins is "plugin.js," where you define your logic. Within the JS file, access the "plugin.js" file to define all the necessary logic required for rendering the plugin, handling data, and more. After you define your logic, save the file.

You may also refer to the document in the extracted zip file, for guidance on each step and the purpose of each method, including what inputs are required.

Note: If you have added CSS properties inside the CSS folder and attempt to access them in the properties panel, it may not work as expected. Because the properties panel resides within a parent iframe, while the page designer frame is within a child iframe, all JavaScript and CSS files are loaded within the child iframe.

Now, the plugin is ready for use. Install it on the platform to use it within your app. Similarly, you can create additional custom plugins required for your app and install all of them collectively.

Installing a Custom Plugin

  • Click Install Plugin and upload that zip file. If you intend to install multiple plugins, ensure they are all zipped into a single file.

  • In the Plugin Installation Wizard, you will find a list of plugins listed along with their installation status. Select the plugins you wish to install and proceed with the installation.

Note: If you attempt to install a plugin that was installed previously, its status will show as "Already installed". You can, however, reinstall it, which will overwrite the existing plugin. This feature is handy for inheriting any changes to the installed custom plugins.

Upon successful installation, the status of the plugin(s) will be marked as "Installed successfully." The installed plugin(s) will be listed in your plugin dashboard, and you'll also have the option to download a report summarizing the installation status of all plugins.

Managing Custom Plugins

A plugin can be managed only by the user who installed it.

You can search for a plugin by its name. You can even filter the plugins in your dashboard to view them at your convenience.

Enabling or Disabling a Plugin: Once a plugin is installed, it is enabled by default and accessible under "Custom" in the Toolbox. However, you can disable it by clicking, to restrict using it further. Disabling a plugin will no longer appear in your Toolbox.

Sharing a Plugin: Click to share the plugin with users in your domain. Once shared, the plugin will be marked as "shared" and will be available in your users' Toolbox under "Custom" tools. To revoke access, simply unshare it by clicking. Plugins not shared are considered "Private."

Exporting a Plugin: Clickto download the plugin to share it offline. Users you share it with will need to install it to use it.

Deleting a Plugin: Clickto delete the plugin permanently. After deletion, it will no longer be available in your dashboard.