@impactdk/ngx-cms-formbuilder

ngx-cms-formbuilder

This library is used to standardize form data sent from and to a CMS.

Supported CMS

CMS	Support
Umbraco Forms	Yes
Sitecore Forms	Coming

Usage

1. Import the module into your AppModule and configure it to point towards your CMS

imports: [
    CmsFormbuilderModule.forRoot(
        'https://url-to-umbraco/rest/v1/forms', // URL to CMS API
        'umbraco' // Type of CMS
    )
];

2. Import the service to fetch the form

export class AppComponent implements OnInit {
    formData?: CmsForm;

    constructor(private formService: CmsFormService, private cd: ChangeDetectorRef) {}

    ngOnInit() {
        this.formService.getFormById('GUID').subscribe(data => {
            this.formData = data;
            this.cd.markForCheck();
        });
    }
}

3. Lastly use the imported component to display the form (or roll your own using the form data)

<div *ngIf="formData"><cms-form-page [formData]="formData" [pageId]="currentPageId"></cms-form-page></div>

Notes for Umbraco

Currently we support almost all fields in Umbraco Forms and most workflows.

Field	Support
Short answer	Yes
Long answer	Yes
Date	Yes (make sure your template checks for null)
Checkbox	Yes
File upload	No
Password	Yes
Multiple choice	Yes
Data Consent	Yes
Dropdown	Yes
Single choice	Yes
Title and description	Yes
Hidden	Yes
Recaptcha	No
Recaptcha2	No