Can we add other UI components in Application?

How do I?
1

Hello,
Is it possible to add other elements like Cards in Five?

2

Hi shweta,

You sure can! Five provides you with the ability to create plugins to extend the capabilities of Five.

The most common type is a front-end-plugin which allows the addition of UI elements such as custom display types and screens. These front-end-plugins can be used in several different areas of a Five application and can be broken down into three categories:

  • Custom Fields
  • Custom Editors
  • Custom Forms

Enterprise versions of Five also allow for back-end-plugins, which add functionality to the server running your application.

Once you have your source code, you compress the file and add it via our Custom Actions view. Please have a look at our documentation on Card Templates, this will help you understand how you can use plugins in Five.

Overview | Five | Low-Code For Real Developers

3

Hello

Thank you for sharing the documentation.

I followed the instructions and I am getting an error

                   if(isError) throw e;
                            ^

Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\webpack\lib\NormalModule.js:471:10)
    at D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\webpack\lib\NormalModule.js:503:5       
    at D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\webpack\lib\NormalModule.js:358:12      
    at D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:373:3 
    at iterateNormalLoaders (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:236:3 
    at context.callback (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at makeSourceMapAndFinish (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\ts-loader\dist\index.js:58:5)
    at successLoader (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\ts-loader\dist\index.js:40:5)
    at Object.loader (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\ts-loader\dist\index.js:23:5)
    at LOADER_EXECUTION (D:\shweta\plugin-templates-ui\templates\custom-form-template\node_modules\loader-runner\lib\LoaderRunner.js:119:14) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.16.0
4

Hi shweta,

This looks like an issue with Node.js, have a look at the following link for some additional help. Overall it looks like a conflict of libraries and the version of Node.js you are using, please try the open ssl legacy option as per the link.

Webpack build failing with ERR_OSSL_EVP_UNSUPPORTED - Stack Overflow