https://github.com/themost-framework/form-renderer

Form renderer wrapper for angular + formiojs
https://github.com/themost-framework/form-renderer

Last synced: 4 months ago
JSON representation

Form renderer wrapper for angular + formiojs

• Host: GitHub
• URL: https://github.com/themost-framework/form-renderer
• Owner: themost-framework
• License: bsd-3-clause
• Created: 2023-09-20T09:43:33.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-13T09:47:17.000Z (almost 2 years ago)
• Last Synced: 2025-02-17T14:49:44.287Z (5 months ago)
• Language: TypeScript
• Size: 9.77 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @themost/form-renderer

Form renderer component wrapper for [angular@5 to angular@15](https://angular.io/) and [formio.js](https://github.com/formio/formio.js)

## Usage

    npm i @themost/form-renderer

Import `FormRendererModule` in your `AppModule`

    @NgModule({

    declarations: [

        AppComponent

    ],

    imports: [

        BrowserModule,

        HttpClientModule,

        AppRoutingModule,

        FormRendererModule

    ],

    providers: [],

    bootstrap: [AppComponent]

    })

    export class AppModule { }

Include `formio.form.min.js` in `scripts` section (+ formio.form.css in `styles` section) of `angular.json`

    ...

    "architect": {

        "build": {

          ...

          "options": {

            ...

            "styles": [

              "node_modules/formiojs/dist/formio.form.css",

              "src/styles.css"

            ],

            "scripts": [

              "node_modules/formiojs/dist/formio.form.min.js"

            ]

          },

**Important note**: This operation is very important in order to resolve backward compatibility issues visible when you are using older versions of @angular