📚 Part of the series Application Building Phase II: The Slate-hosted Application

In the default Slate-Hosted Application, the activities page (identified by the part ID act) consists of a pre-made module that allows students to enter a history of extra-curricular organizations they've taken part in.

This article covers the creation of a custom interests page in the Slate-Hosted Application using a Slate-Hosted Application Page-scoped form. The standard activities page can be mimicked—and expanded upon—with the activities widget.

✅ Four steps to creating a custom interests page

1. Create a Slate-hosted-application-page-scoped form.

2. Create a widget-scoped form.

3. Add the widget to the Slate-hosted-application-page-scoped form.

4. Add the Slate-hosted-application-page-scoped form to a Slate application.

Step 1: Creating the Slate-hosted application page

This form serves as the host for the widgets you'll create later.

1. Select Forms from the main navigation.

2. Select New Form. A popup appears.

3. In the New Form popup, configure the following:

   • Page Title: The page title will display to an applicant as the name of the page.

   • Folder: Keep organized by saving application pages within a clear folder structure.

   • Status: Set the status to Confirmed/Active.

4. Select Save.

5. Select Edit Form on the right side.

6. Select Edit Properties. A popup appears.

7. In the Edit Properties popup, configure the following:

   • Scope: Select Slate-Hosted Application Page.

     

8. Select Save.

Step 2: Creating the widget

💼 Try a Slate example

Use Suitcase to import our ready-made example Interest Widget form.

• Custom list fields do not persist through Suitcase imports. The application page will be blank if you do not add your own to the widget. See examples in the section below.

• Be sure to open and re-save each form field to break any potential cache from the suitcase import.

ddb5dc2d-f409-42a1-962e-2da33721a875:slate-examples

1. Select Forms from the main navigation.

2. Select New Form. A popup appears.

3. In the New Form popup, enter the following:

   • Page Title: Give the form a descriptive title.

   • Status: Set the status to Confirmed/Active.

   • Folder: Add the form to an existing folder, or select Other to create a new one.

4. Select Save.

5. Select Edit Form on the right side.

6. Select Edit Properties. A popup appears.

7. In the Edit Properties popup, configure the following:

   • Scope: Set the form's scope to Interest Widget, within the section Page Construction Widgets.

   • Custom List Fields: Add exports, filters and sorts as needed to present the applicant's submitted information on the application page.

     

8. Select Save.

9. Configure the widget with the form fields applicants should complete.

   

📝 Map all fields in the widget to system fields of the same scope. Any custom fields created to be used in the widget should match the scope of the widget.

Step 3: Adding the widgets to the host form

1. From the form builder palette, drag in a Widget Table.

2. Edit the widget table. From the Widget Form list, select one of the widget forms created in the previous section.
   

3. Repeat for any additional widgets created. Drag the widget table form fields to reorder on the page.

4. Add any additional fields or instructions to the form.

Step 4: Adding the host form to a Slate-hosted application

1. Select Database from the main navigation, then select Application Editor.

2. Choose the /apply/ link for the application base to which the new page should be added.

   📝 Note: If only one application base exists, only /apply/ will appear.

3. Select Edit Menu in the upper-right.

4. Select Add Link. Enter the following configurations:

   • Type: Select Custom Form Page.

   • Subtype: Select the Slate-Hosted-Application-Page-scoped form you created.

   • Label: Enter the name to display as the page link in the application navigation.
     

5. Select Save. The new form will be listed at the bottom of the application menu.

6. Drag this page to where it belongs in the application page order.

The application form widget is now active in the application. Be sure to test that data entered into the widget is saving back to the appropriate table on the Profile tab of the Person record.