Freedom UI page schema

Level: beginner

The client schema is a client module schema required to implement the front-end part of Creatio. Client schema is an element of a Creatio package. The purpose of the client schema is to save and deploy the properties of Creatio parts (application, section, pop-up box, etc.). Learn more about module types and their specificities: Module types.

The Freedom UI page type of the client module schema represents the client schema for Creatio. Learn more about creating a Freedom UI page: Freedom UI page schema. Client schema belongs to the Schema layer (the metadata layer) of the DesignTime mode in the Creatio platform and contains the settings of the RunTime mode layers.

View the structural items of the Schema layer and its interaction pattern with other structural items in the Creatio platform in the figure below.

Learn more about DesignTime and RunTime modes: Creatio front-end architecture.

The source code of client schemas has a generic structure available below.

Source code of a client schema

define("SomeClientSchema", [], function() {
    return {
        modelConfigDiff: /**SCHEMA_MODEL_CONFIG*/{}/**SCHEMA_MODEL_CONFIG*/,
        viewConfigDiff: /**SCHEMA_VIEW_CONFIG_DIFF*/[]/**SCHEMA_VIEW_CONFIG_DIFF*/,
        viewModelConfigDiff: /**SCHEMA_VIEW_MODEL_CONFIG*/{}/**SCHEMA_VIEW_MODEL_CONFIG*/,
        validators: /**SCHEMA_VALIDATORS*/ {} /**SCHEMA_VALIDATORS*/,
        converters: /**SCHEMA_CONVERTERS*/ {} /**SCHEMA_CONVERTERS*/,
        handlers: /**SCHEMA_HANDLERS*/[] /**SCHEMA_HANDLERS*/
    };
});

Token comments of client schema sections are required.

View the client schema sections in the table below.

Section	Description
modelConfigDiff	Handles the description of the Model layer’s data sources.
viewConfigDiff	Handles the generation of the View layer.
viewModelConfigDiff	Handles the generation of the ViewModel layer. The layer contains the business logic for interaction of the View and Model layers.
validators	Functions that check whether the ViewModel attribute value is correct.
converters	Functions that modify the value of the ViewModel attribute bound to a property of the visual component.
handlers	Items of the HandlerChain mechanism that enables you to describe business logic as an action request and a chain of handlers.

Learn more about layers: Creatio front-end architecture.

Describe the client schema sections in JSON. Implement the behavior of the validators, converters, handlers schema sections in JavaScript.

Since version 8.2.1, when you delete the Inputs type elements from the Freedom UI page and save the changes in the Freedom UI Designer, Creatio executes the following actions:

• Validate usage of corresponding ViewModel and DataModel attributes in the handlers schema section and business rules of the current Freedom UI page.
• Delete unused attributes from the current Freedom UI page schema automatically. Otherwise, the attributes are left as are.

---

See also

Creatio front-end architecture

Module types