Form Templates

Within Applipress, form templates are a powerful feature designed to expedite the form creation process. These templates are categorized into Simple and Composite types, each suited for different aspects of form design and functionality. This chapter details the available form templates and their applications, offering guidance on how to effectively use them in your projects.

Simple Form Elements

Simple form elements are the building blocks for creating forms. They can be used individually or combined to achieve more complex layouts and functionalities.

Layout Elements

Column: Organizes sub-forms or form elements vertically in a single column.
Rows: Arranges sub-forms or form elements horizontally in a row.
Panel: Groups sub-forms or form elements within a panel, visually encapsulating related controls.
Accordion: Collapsible panels that can expand or contract, useful for grouping and minimizing the space used by sections of the form.
Tabs: Displays sub-forms or form elements in a tabbed interface, allowing users to switch between different sections without leaving the page.
Top Tabs: Similar to Tabs but positioned at the top of the form. These are typically used to categorize entities by different statuses, such as waiting approval, approved, declined.
Horizontal Splitter: Divides the form into left and right sections, with a splitter allowing dynamic resizing.
Vertical Splitter: Splits the form into upper and lower sections, with a splitter enabling adjustments to the size ratio.

Data Display Elements

Table: Shows data in a tabular format with features like column sorting and filtering, and pagination controls at the bottom.
Form: Displays data fields in a form layout, with labels and corresponding input controls for each field.
Form with Status: Similar to a Form but includes logic to enable or disable input fields based on the entity's status.
Wizard Form: Facilitates data entry through a multi-step process, with each step defined by a sub-form and a final Save button to submit data.

Composite Form Elements

Composite forms combine several predefined elements to facilitate rapid development of more complex forms. These templates are designed for specific use cases, offering an efficient way to create feature-rich forms.

Table+accordion+form

Application: Ideal for displaying details about a single entity.
Components: A top-level Table for listing entities, with a selectable row feature. A bottom-level Accordion containing a Form element displays data for the selected table row.

Table+accordion+form+lifecycle

Application: Displays single-entity details, including lifecycle information.
Components: Similar to the previous template but includes a Lifecycle form in the Accordion section, providing fields for status, validFrom, validTo, and id.

Table+tab+accordion+form

Application: Suited for presenting data from multiple related entities.
Components: A top-level Table displays data from a primary entity. Below, Tabs control shows related data in Accordion panels, each containing forms for additional entity details.

Table+tab+accordion+form+lifecycle

Application: Like the previous template but designed for entities with lifecycle data.
Components: Adds a Lifecycle component within an Accordion panel to show status and validity period information.

Table+tab+form

Application: Ideal for related entities with a smaller number of fields.
Components: A Table at the top displays primary entity data. Tabs below provide forms for detailed data entry or presentation.

TTF with Status

Application: Used for entities categorized by status, displayed in different tabs.
Components: Consists of a Column layout, Top Tabs categorized by entity status, and a Table for tabulated data display, supplemented by Tabs for detailed form presentations.

By leveraging these form templates, developers can significantly reduce the time and effort required to create complex and functional forms in their applications. Each template is designed with a specific use case in mind, ensuring that developers can select the most appropriate template for their needs, thereby enhancing the user experience and streamlining the development process.

Start typing here...

Last modified: 18 March 2024