Adding Folder Navigation Buttons to a Page
  • 25 Oct 2021
  • 2 Minutes to read
  • Dark
    Light

Adding Folder Navigation Buttons to a Page

  • Dark
    Light

Article Summary

Overview

Folder Navigation Buttons are interactive actions that navigate the end-user to the configured Folder's contents once selected on a Page/Dashboard. 

This would be helpful in a number of use cases, for example, a Page/Dashboard in the Portal can be configured to navigate the end-user to Portal-specific folder content such as a manager Dashboard with a Folder Navigation Button directing to an invoice Process Folder's contents. 

There are several ways to add Folder navigation options to a Page/Dashboard, as mentioned in the example below.

Example

This example showcases the Folders Bar navigational actions that are available as a Page component. 

  1. In a Designer Project, select CREATE FORM from the top Action Bar.
  2. Select the large PAGE tile in the top left and provide a name, then select CREATE.
  3. In the Page Designer, expand the NAVIGATION section of the Toolbox and move a Folders Bar component into the workspace.

    This example uses the Folders Bar component, which is configurable for multiple folder navigation buttons that could contain the same or different folder destinations.
    The alternate methods include locating the specific folder under the NAVIGATION section and using the 'Navigate To' button component or using the Navigate to Folder component (also in the NAVIGATION section).

  4. Select the Folders Bar component in the workspace so that the Properties appear.
  5. Expand the DISPLAY INFO section and select the ADD NEW button under the Folders box. Several folder navigation buttons can be added, this example uses only one.
  6. Provide text in the Button Text box to appear on the Button itself then designate which Folder it will navigate to with the Select Folder button.
  7. Change the Display Type to Primary so that the navigation button is separated from the ALL menu.
  8. Select OK, then save and close the Page Designer.
  9. In order to see the effects of this navigational feature, the Page will need to be applied to a folder. For information on how to apply a Page/Dashboard to a folder, please visit the Adding a Page/Dashboard to a Folder article.
  10. Select the Page tab in the folder to see the Page configured with the Folders Bar component at runtime.
  11. Select the button to see that it automatically navigates the user to the designated folder. 
  12. The alternate options for adding Folder navigation as mentioned above are shown in the screenshot below.

The capture on the left depicts a specific Folder that is opened and the 'Navigate To' options that are available for it. The capture on the right depicts the Navigate to Folder component which uses a picker in the Properties to specify which Folder the Button will navigate towards.


Was this article helpful?