Build Application

This tutorial guides you to create your first application using templates.

1. Go to BUILD

Navigate to the BUILD feature.

2. Select Create New App

Select "Create New App" located at the top-right corner of the page.

3. Enter App name and description

Give your app a name and a description.

4. Select a Template

Here, you can choose to either create an app from scratch or use a template as a starting point. Templates come with pre-built pages and configurations to help you get started quickly. Choose the Sample App options.

5. Configure the Page

The app has been created from the template and includes two draft pages: a table and a chart. Select the Table Page to continue editing and customizing it.

6. Page Sidebar

The Page Sidebar is where the pickers are added and configured. From the Table Page template, several pickers have already been added. Now select the Page Logic tab.

7. Page Logic

The Page Logic is where the Python logic lives. In this table example, we:

1. process the sidebar pickers' selection.

2. connect to the ODBC and query a couple of columns using SQL.

3. convert the query result into a mui-datagrid json output to create the table UI.

4. include an example of page-linking on one of the table columns.

5. set up the page layout using grid_layout_props.

6. structure the final output format in response.

8. Preview the Page

Select the preview icon to open the preview page in a new tab.

9. Preview Page

In the new tab, you will now see the page with sidebar pickers. Select on the UPDATE button to run the Python script in Page Logic. You should now see a Table we queried and formatted in Page Logic.

10. Publish Page

Return to the BUILD tab, and select Publish. Since this is the first time publishing the page, the page settings modal will pop up. Before we publish, feel free to update the name, description, and ID/URL of the page and configure any page level settings.

Publish [Optional]

Once you publish the page, it will be available for all users in the environment.

Navigation

For the published page to show up in the Application Menu, you must toggle on the "Show page in Factory Analyze" and select a "Target section"

ID

The ID is used in both the URL and also for page linking, so update them accordingly. ID for the pages must also be unique within an App.

Summary

Now that you have successfully created your first app, check out the preview tools for more development tips.