form-player

This library provides a robust implementation of forms using the Sirio Angular Library. It simplifies the creation, management, and validation of complex forms, ensuring a consistent user experience and seamless integration with the Sirio ecosystem.

Features

• Dynamic Form Generation: Easily generate forms based on predefined configurations.

• Validation Support: Built-in support for custom and standard validation rules.

• Responsive Design: Fully responsive forms compatible with various screen sizes.

• Integration with Sirio WebKit: Leverages the capabilities of the Sirio Webkit framework to ensure smooth performance and integration.

Installation

Run npm install @wemake4u/form-player to install package.

Scroll on form change

When the active form changes (next/previous buttons, side menu, stepper, goTo, browser back/forward), app-dynamic-form scrolls according to the scrollOnNavigate input:

| Value | Scroll target | | --- | --- | | content (default) | start of the form content (title and fields) | | form | start of the whole form player (progress stepper included) | | page | top of the page (nested scroll containers are not moved) | | none | no scroll |

content and form scroll only when the start is out of view, and also work inside scroll containers (dashboard content, dialogs). With a fixed page header, set the CSS variable --df-scroll-offset to its height. The focus on the first field does not scroll the view again.

<app-dynamic-form [schema]="schema" scrollOnNavigate="page" />

Third-Party Licenses

This project includes the following third-party components:

Runtime dependencies (MIT License)

tslib — MIT feelers — MIT feelin — MIT marked — MIT mime-db — MIT sanitize-html — MIT

All listed packages are licensed under MIT License and impose no additional restrictions.