Set up the app mini pages

Level: beginner

Mini pages are functionally identical to full Freedom UI pages but have smaller canvas size and are displayed as pop-up windows in the list page. This makes them useful for adding or editing records quickly.

Example

Set up the “Mini page for employee benefits” mini page in the “Financial benefits” app you created earlier. Add a minimum required set of fields to the mini page. Connect the page to the “Financial benefits” object.

1. Click to open the System Designer.

2. Go to the Application management block → Application Hub.

3. Click the Financial benefits app tile.

4. Click New page → select the mini page template.

5. Click → enter “Payroll mini page for employees” in the Page title field.

6. Click Add data source in the top left → Existing data source → select the “Financial benefits” data source.

7. Set up the mini page layout. You can attach any Freedom UI component to the mini page, but you cannot resize the canvas.

   The template already includes a base set of components that enable users to navigate the page. Add and set up the following essential fields to the mini page:

   1. Employee (dropdown) connected to the “Employees” lookup
   2. Owner (dropdown) connected to the “Contact” lookup
   3. Payroll period (dropdown) connected to the “Payroll period” lookup
   4. Benefits paid (checkbox)

   Fig. 1 Set up the app mini page

   

8. Click Save in the top left.

9. Go to the Data model block in the No-Code Designer → the data model of the current app → Pages tab.

10. Select the mini page in the Page for adding records field (Fig. 2).

Fig. 2 Set up the app mini page

11. Save the changes.

You can set up mini page for contractors as well as mini pages for the other app section in a similar way.

---

See also

Create a custom app

Freedom UI Designer