Create a WebApp in Construct Preview

  • Updated on Feb 3, 2026
  • 3 minute(s) read
  • AF
 Prev Next

Web applications or WebApps in Syniti’s Construct Preview is a powerfully simple, low-code web application with inherent business logic, designed to dynamically create scalable and secure applications that complement or extend business processes.

WebApp Builder allows you to design and configure a WebApp using a form-based UI, Advanced mode, Build Assist, or a combination of all three as required. This configuration is the foundation that defines your WebApp name, datastore connection, and default settings.

Prerequisites

  • Ensure that you have registered your databases as Datastores in the Syniti Knowledge Platform’s (SKP) Data Catalog module.

  • Ensure that the Datastore’s connection has its Usage set to Construct with additional usage options as required.

  • Ensure that databases, tables, and views are created and designed as per Syniti recommended guidelines.

  • Ensure that you register the created tables and views as datasets within the datastore created above.

  • If required, ensure that a security profile is configured to restrict your WebApp for a set of required users.

  • Ensure that you create required Field Translations in the SKP’s Admin module to set up dictionaries for translating columns on construct pages.

Create a WebApp

  1. On the Construct Preview’s home page, click (+) Add WebApp in the upper-right corner.

  2. In the Name field, enter a unique name for your WebApp.

  3. From the Datastore list, select the required Datastore.

  4. From the Section list, select an existing section used on the Construct Preview’s home page.
    Or
    Click Create New Landing Page Section to open the Create New Section dialog box and complete the following steps:

    1. In the Name field, enter a name for your section.

    2. In the Sequence field, enter a value to determine the order of your section. By default, the value is set to 999, placing new sections at the bottom of the home page.

    3. Click Save.

  5. Click Submit. Your WebApp has been created. You'll now be redirected to WebApp configuration page to configure it.

  6. Modify the Abbreviation (up to 3 alphanumeric characters) and Description fields of the WebApp with the required text so they display on the Construct Preview’s home page.

    Primary components involved in the WebApp configuration are displayed in the tree navigation panel.

    Note

    Use Build Assist, your AI-powered WebApp development assistant, to quickly create and configure WebApp and construct pages through a conversational prompting method. Refer to Build Assist for more information.  

    Note

    If you prefer to use Advanced mode, refer to Working with the JSON Editor and WebApp Definition Reference Document to create a WebApp.

  7. Select the following components to begin designing and configuring your WebApp:

    1. Assign Dictionaries for your WebApp. Refer to the Configure Dictionaries section below.

    2. Design Pages as required for your WebApp. Refer to Design Your Construct Page and Create a Construct Page for more information.

    3. Set up Fields or Columns to be displayed on a page where you can perform CRUD operations. Refer to Configure Column Properties for more information

    4. Create Events to set up validation and business rules to manage correct data entry. Refer to Construct Events for more information.

    5. Create Menus to navigate within a WebApp. Refer to Configure WebApp Menu for more information.

    6. Set up security using WebApp Groups. Refer to Configure WebApp Groups for more information.

  8. Click the Save & Preview WebApp button at the upper-right corner at any point to preview the design of a WebApp. Construct Preview will display a message indicating whether the configuration is valid, and a new tab will open to preview the design.

  9. Click Save WebApp to publish the WebApp.

Configure Dictionaries

Dictionaries or Catalogs offer a mechanism for populating and managing column translations, help text, and alias values across the WebApp and Construct Page levels.

To assign a Dictionary:

  1. On the Construct Preview’s home page, edit the newly created or required WebApp.

  2. Access the Dictionaries node in the Tree Navigation panel and select Add Dictionary. A new dictionary is displayed as the child node for Dictionaries, and the Details Pane is updated with the Dictionaries fields.

  3. From the Dictionary list, select the required dictionary configured in the SKP’s Admin module.

  4. In the Ordinal field, set the priority for this dictionary.

  5. If you want to add more dictionaries, repeat Steps 2 through 5.

  6. Click Save WebApp .

Edit a WebApp

To edit a WebApp:

  1. On the Construct Preview’s home page, click Edit on the required WebApp card. The Edit WebApp page is displayed.

  2. Use the navigation panel to access and modify the required component.

  3. Once updated, click Save & Preview WebApp to preview WebApp changes.

  4. Click Save WebApp .

Delete a WebApp

To delete a WebApp:

  1. On the Construct Preview’s home page, click Edit on the required WebApp you want to delete. The Edit WebApp page is displayed.

  2. Click More Actions (…) > Delete in the upper-right corner of the page.

  3. In the confirmation dialog box, click Delete.

The WebApp has now been successfully deleted.

Related Articles