Form Tiles
  • 08 Mar 2021
  • 2 Minutes to read
  • Dark
    Light
  This documentation version is deprecated, please click here for the latest version.

Form Tiles

  • Dark
    Light

Article summary

Overview 

Form Tiles are Page components in the Page Designer that are utilized to leverage Decisions Forms onto a Dashboard. There are a multiplicity of uses for this component; users can use a Form Tile to create an interactive landing page. Visitors that navigate to that page can utilize the form to submit requests, the Form Tile can be used as a filter on a Report on the same Page or can be used to display data that requires user input.

When configuring a Form Tile there are three possible inputs that will be available:

Input NameFunction
Tile FormThis input is where the user can select or create the Form that will be displayed on the tile.
Input Data FlowIf the Form has variable data input declared, a data Flow will be made available for the user to configure the Flow input data to the form.
Output Data FlowIf the Form has a button, there will be an Output Data Flow option to configure a Flow to run when the outcome button is clicked.

Example

This example will accomplish creating a Form Tile in a Page, configuring the Form Tile to dynamically populate data, and previewing the customized Form Tile Page.



  1. In a Designer Folder, select CREATE FORM from the Global Action Bar. 
    1. In the resulting window, select the default Page, name it Profile Page, and click CREATE to open the Page Designer. 
  2. In the Page Designer, from the Toolbox > TILES, drag a Form Tile component into the workspace.
  3. Navigate to the Properties panel > INPUT and select PICK TILE FORM.
  4. Select CREATE and this will display a Form Tile option, name the Form [Profile Form Tile]. 
  5. In the Form Designer, drag three Labels [Student Profile, Name, and Email Address], two Text Boxes, and a Button [Done] from the Toolbox > FAVORITES section onto the workspace. 
  6. Save and Close the Form Designer.
  7. In the Page Designer, with the Form Tile element selected, within the Properties panel under INPUT FLOW, select EDIT INPUT FLOW FOR PROFILE PAGE PROFILE FORM TILE.
  8. In the Flow Designer, open the Properties panel, and navigate to INPUTS > Email Address and Name and change the input mappings from Unknown to Select From Flow.
    In this example, the dynamically populated data will be pre-existing system data; this information will be selected from Flow Data to populate relevant fields. The input for INPUTS > Email Address is Flow Data.PortalEmailAddress and the input for INPUTS > Name is Flow Data.CurrentUserFullName.
  9. Save and Close the Flow Designer.
  10. Save and Close the Page Designer. 
  11. Right-click on a Designer Folder and navigate to Create Folder.
  12. In the resulting Create Folder dialog, select and name the desired Folder [Student Data]. Click CREATE.
    In this example, the default Folder is selected.

  13. In the new Folder [Student Data], right-click again and navigate to Manage > Page/Dashboard > Add Page/Dashboard.
  14. In the resulting Add Page/Dashboard dialog, select PICK PAGE. 
    1. PICK Pick Existing and navigate to the Page [Profile Page] created previously in this tutorial, PICK and SAVE.
  15. In the Folder [Student Data], notice the appearance of the PROFILE PAGE beside FOLDER VIEW above the Global Action Bar. Select it and the previously created Page will appear, dynamically populated.

Was this article helpful?