Table of Contents

• Dynamic Forms
  • What is it and what can I do with it
    • Progressive Filtering
    • Automatic fields initialisation with remote options
    • Visibility changes depending on fields' values
    • Update Rules
    • Much much more
  • Documentation, installation and examples of use
  • Main features
  • Support

Dynamic Forms

What is it and what can I do with it

DynamicForms is a client library to automate Progressive Filtering (also known as cascading or dependent dropdowns) and the initialisation of dynamic fields in an easy and fast way.

It supports the developer in managing and centralizing all forms interactions.

It's written in typescript and built with tsdown

Here's some examples.

Progressive Filtering

Automatic fields initialisation with remote options

The Progressive Filtering chain is restored: all the available options are automatically fetched.

Visibility changes depending on fields' values

Update Rules

Much much more

Got your attention? Try it!

Documentation, installation and examples of use

See DynamicForms page.

Main features

• Easy to use: DynamicForms works in a declarative way; no code for the standard behaviour, just a simple configuration!
• Modern javascript: works on Chrome and Edge 111+, Firefox 114+ and Safari 16.4+, with no polyfills
• Lightweight: having no dependencies, you can integrate it everywhere!
• Automate repetitive and boring operations: read values, fetch data making async remote calls, update fields' status, hide/show sections... even listing them is BORING!
• Progressive Filtering, fully automated: when a field changes, the fields depending on it are updated with fresh data from your server, and the fields beyond them are cleared on cascade, since their value is no longer valid. If the user changes their mind while a field is still loading, or a field still loading gets cleared, its remote call is aborted and its late response thrown away: every field always shows the data of the latest choice, without a line of code from you. How it works
• Highly customizable: are you using an external library with custom html elements? Don't worry as you can specify your own functions to read/write data

Support

If you want to support me just star the project on github and share it with your collegues.

If you have questions or suggestions open an issue on github.

Thank you very much for your support ❤