Form Component

Reference documentation for a Form Component object

Overview

Form Component in the Solution Explorer Tree is a special contained form used for simplified design and runtime optimization for the NGClient. The same behavior can be achieved via tabless tabpanel, but form component has optimized display because all elements are part of the same form, taking away the overhead of tabpanel and loading of another form.

Such a Form Component Form can be places on the form by UI Components which do have a model property that is of type 'formcomponent', Servoy ships for absolute and the bootstrap layout a FormComponentContainer component. This is a UI Component with a single 'formcomponent' property that displays the form as a a tabless tabpanel.

A Form Component Form can't have its own logic (js file), it is also not available at runtime under "forms.xxx" because there is no instance of such a form, Only the template and its properties are used, events like onclick of a button can be assigned but only to scopes or entity methods (if the datasource is specified). Also because it does not have its own instance at runtime also all the form component events and commands like onLoad are not available for it.

Property Summary

Properties Details

comment

This is a field for additional information, such as programmer notes about the form component's purpose.

Type String

Sample

"shows 'save', 'cancel' and 'exit' buttons, with additional error messages"

dataSource

The names of the database server and table that this form component is linked to. It is selectable from all available tables and has this format: "server-name.table-name".

Type String

Sample

example_data.order_details

deprecated

Gets the deprecate info for this element

Type String the deprecate info for this element or null if it is not deprecated

Sample

"empty field error message is not used anymore"

designTimeProperties

Property to get and add design-time properties for a component.

Type Object map of the design-time properties

Sample

{formComponentType:"Save and Cancel Buttons"}

extendsForm

The selected parent (extended element) for the element (form component).

Type String the parent

Sample

"fc_save_and_cancel"

name

The name of the form component.

Type String

Sample

"fc_save_cancel_exit"

width

The width of the form component in pixels.

Type Number

Sample

640

Last updated