Project

• GitHub repository with released libraries and packages
• Azure DevOps project with build pipelines and release dashboard
• Azure web apps

Demo

Version 11

• Built with Angular 11
• Environments include DEV and PROD

Version 10

• Built with Angular 10
• Environments include DEV and PROD

Version 9

• Built with Angular 9
• Environments include DEV and PROD

Version 8

• Built with Angular 8
• Environments include DEV and PROD

Features

• Dynamic reactive forms based on JSON definition
• Structuring / nesting dynamic forms by
  • Dynamic form elements (container, accordion, tabs, content, markdown, modal)
  • Dynamic form fields (control, group, array, dictionary)
  • Dynamic form actions (button, icon)
• Dynamic form controls / inputs include
  • Dynamic form inputs
    • Checkbox and switch
    • Combobox, radio, select and toggle
    • Textbox and textarea
    • Datepicker
    • Numberbox
  • Dynamic form input validation
  • Dynamic form input hints

Packages

Packages are hosted by GitHub. Therefore, it's required to add @dynamic-forms:registry=https://npm.pkg.github.com to the registry file .npmrc.

Version 11

• npm install @dynamic-forms/core@v11.0.0-rc.1
• npm install @dynamic-forms/bootstrap@v11.0.0-rc.1
• npm install @dynamic-forms/material@v11.0.0-rc.1

Version 10

• npm install @dynamic-forms/core@v10.0.0-rc.1
• npm install @dynamic-forms/bootstrap@v10.0.0-rc.1
• npm install @dynamic-forms/material@v10.0.0-rc.1

Version 9

• npm install @dynamic-forms/core@v9.0.0-rc.1
• npm install @dynamic-forms/bootstrap@v9.0.0-rc.1
• npm install @dynamic-forms/material@v9.0.0-rc.1

Version 8

• npm install @dynamic-forms/core@v8.0.0-rc.1
• npm install @dynamic-forms/bootstrap@v8.0.0-rc.1
• npm install @dynamic-forms/material@v8.0.0-rc.1

Libraries

@dynamic-forms/core

• Library includes extensible interfaces, classes, components, factories, services and modules
  • Dynamic form config module for registration of components
  • Dynamic form module includes
    • Builder to create form controls, groups, arrays and dictionaries
    • Component factory to resolve registered components
    • Component to render elements, fields and actions
  • Dynamic form control module includes
    • Component to render input
  • Dynamic form group module includes
    • Component to render controls
  • Dynamic form array module includes
    • Component to render groups and controls
  • Dynamic form validation module for registration of validators and messages
    • Builder to create validators
    • Service to resolve validation messages
  • Dynamic form action module for registration of action handlers
    • Service to resolve action handlers

@dynamic-forms/bootstrap

• Library for components based on bootstrap and HTML5

@dynamic-forms/material

• Library for components based on @angular/material