Page Controls
  • 21 Dec 2023
  • 6 Minutes to read
  • Dark
    Light

Page Controls

  • Dark
    Light

Article Summary

Overview 

The Toolbox of the Page Designer contains all controls used to edit the Page's functionalities and design. 

The following document lists and describes every Page control available in the Toolbox ordered by their location in the Control Tree.


Actions

Control Location

Control Name

Description

Flows

Run Flow as Button/Image/Link

This control expands the list of Flows available in the Current Folder/Current Project and allows users to add a Flow to the Page as a Button/Image/Link.

Portal

Run Action as Button/Image/Link

This control expands the list of right-click actions on the Current Folder, Current Project, and a few Core Actions that can be be added to the Page.

Run Current Folder Action

Run Current Folder Action as Button/Image/Link

Adds Current Folder Actions to the Page.

Service Catalog

N/A

Provides access to the Service Catalog, including the Administration Service, Default, and General services, on a Page. 

Root

Actions Bar

Contains Buttons that perform an action or open a menu that can either hold primary or secondary actions.

Folder Actions

Shows actions associated with tasks performed in the Folder, allowing different Button types for styling purposes.

Folder Actions Bar

Shows actions associated with tasks performed in the Folder.


Data

Control Location

Control Name

Description



Advanced

App Store

Displays the App Store.

Date Range Filter

Allows users to apply date filters on a Report Viewer

Designer Folder Filter

Allows users to search the Designer Project by either name, tags, or type.

Designer Folder Viewer

Displays everything within the Designer Folder in the Tile Layout. Can sort and search through this viewer.

Features

Displays both installed and not installed modules on the instance.

Image Folder Viewer

Displays images in the Image Library.

Image Viewer

Allows users to upload and display an image at runtime. The image is then saved to the attached Page's parent Folder.

Service Catalog

Displays the Service Catalog with image links to any nested Designer Projects within the attached Page's parent Folder.

System Information

Displays System Information of the instance.

Current

Current Time

Displays current time.

Current User

Displays the current user's email address.

Data Controls

Data Label

This control lets users pick a dynamic data name of a label. This control is useful when the Page is created within a configuration folder of a user-defined data structure. The Data Name field of the control will allow users to pick the parameters of the user-defined data structure as the data name.

Image (Folder Data)

Dynamically populate an image using the Data Name

Rich Textbox

Dynamically populate a Rich Text Box using Data Name

Save Button

Saves Folder Data

Text Box

A Text Box control enables users to enter text into a designated area.

Folder

Assignments Viewer

Displays Assignments

Folder Activity Panel

Gives users an audit trail of the states and comments a folder has gone through. The folder activity panel can only be used with Flow Execution Extensions, Case Entities, Entities with process folders, and folder extensions.

Folder Header Data

Displays the Folder Name and Description.

Folder Horizontal Timeline

Shows previous states, current states, and future states of a Folder. Can only be used with Flow Execution Extensions, Case Entities, Entities with process folders, and folder extensions.

Folder Timeline Gauge

Shows the percentage complete of a timeline. Can only be used with Flow Execution Extensions, Case Entities, Entities with process folders, and folder extensions.

Resources View

Create and display an Entity Report, add resources/documents to the Folder.

State Label

Displays Current State

Tag Browser

Shows all items with tags.

Tags View

Adds tags to the current page.

Google

Google Map Search

Text box with a Search button that opens Google Map Results in a new window.

Google Search

Text box with a Search button that opens Google Search Results of the typed text in a new window.

Page

Page Data Viewer

Displays a Page within a Page via Page Name or Page ID.

Property Grid

Property Grid Editor

Provides a Property Grid Editor for the Page.

Root

Add Comment

Adds a Comment to the Folder the Page is on.

Add Document

Adds a Document to the Folder the Page is on.

Display HTML

A way to view HTML on a Page.

Document Viewer

Shows all files except Microsoft file types (doc, docx, excel, etc).

Folder Viewer

Displays Report within a Folder.

Label

A way to put information on a Form that is not interactive.

Rich Text Display

Gives the designer the opportunity to change font type, color, size, alignment, copy, paste, insert an image, and create a table.

Scratch Pad

Gives the end-user the opportunity to change font type, color, size, alignment, copy, paste, insert an image, and create a table. Saves as a Comment.


Data Types

Control Name

Description

Case Editor

Configure states and Flows for the Case Entity process.

Rule/Flow Sets Designer Part

N/A

Runtime Case

Shows all the history of the Folder the Page is attached to, also able to add comments to the folder.


Designer Entities

Control Name

Description

Flow Run Part

Allows the user to run a Flow from within the allotted Page space.

Run Assignments

Runs and displays Assignments from a selected Report.

View Flow

Can only be used on Flow Tracking Folders


Images 

Control Location

Control Name

Description

Any selected preexisting image

As Image

Displays the image in the Page.

As Open URL Image Button

Displays the image that opens a URL in a new browser tab once the user clicks on it.

As Run Flow

Displays an image that runs a Flow once the user clicks on it.

As Run Report

Displays an image that runs a Report once the user clicks on it.

Root

Image

Allows users to add images from the Decisions Image library,  from a File, or via URL.


JS controls

Control Name

Description

Custom JavaScript Control Name

Custom Page Controls using JavaScript can be created and then loaded into Decisions.


Layouts

Control Name

Description

Canvas

Blank Layout: free to place controls on the Page in any place.

Grid Layout

Fixed containers to house controls that can be stacked upon each other.

Header Container

A grid with a header section and a content section is separated by a border.

Horizontal/Vertical Split Panel

Resizable control that users can manually adjust the size of its two columns/rows.

Horizontal/Vertical Stack

Resizable control that preserves empty space and can hide nested controls.

Responsive Grid

Resizable control that can define the specific dimensions of its nested controls and can automatically resize.

Scroll Panel

Creates a scroll bar if the controls on the Page are larger than the Page itself.

Side Menu Container

Creates two columns the selection of the first column affects the contents of the second.

Tab Container

Creates tabs that open multiple Pages in one.


Navigation

Control Location

Control Name

Description

Any selected preexisting Folder

Navigate To as Button/Image/Link

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



Root

Back Button

Allows users to navigate to the previous page 

Folders Bar

Allows the ability to add a custom folder bar to a Page. 

Incremental Search 

Provides an incremental search bar allowing users to dictate which DataTypes are searchable on the Page. 

Navigate To Folder 

Navigates to the user-designated Folder. 

Navigate To Parent Folder 

Navigates to the Parent Folder of the current Page. 

Navigate To Parent Process 

Navigates to the Parent Process Folder of the current Page. 

Navigation Tree Part

Provides a copy of the Studio's Folder Tree. 

Open Child Tab Button 

Provides a Button that opens the Page in a separate tab. 

Open URL

Provides a clickable Button, Link, or Image that opens a designated URL; this URL can be configured to open in a new tab. 

Refresh Page 

Provides a clickable Button, Link, or Image that refreshes the Page containing the control. 

Run Flow

Provides a clickable Button, Link, or Image that runs a Flow on selection. 


Reports

Control Location

Control Name

Description

Any Existing Report

Run Report as Button/Image/Link

Creates Button/Image/Link that runs the Report when selected.

Data View - Can't Change

Adds an interactive view of the Report and the user cannot change it.

Data View - Current Folder

Adds an interactive view of the Report as it is shown in its current Folder

Charts

Areas

Adds an Area Chart based on a Grouped Report.

Bars

Adds a Bar Chart based on a Grouped Report.

Bubbles

Adds a Bubble Chart based on a Grouped Report.

Chart Legend

Adds a Bullet Chart based on a Grouped Report.

Columns

Adds a Chart Legend based on a Chart added to the Page.

Dots

Adds a Columns Chart based on a Grouped Report.

Lines

Adds a Line Chart based on a Grouped Report.

Mixed Bars

Adds a Mixed Bar Chart based on a Grouped Report.

Pie

Adds a Pie Chart based on a Grouped Report.

Ring

Adds a Ring Chart based on a Grouped Report.

Simple Bars

Adds a Simple Bar Chart based on a Grouped Report.

Stacked Bars

Adds a Stacked Bar Chart based on a Grouped Report.

Legacy

WinLoss Bars

Adds a WinLoss Chart based on a Grouped Report.

Root

Entity Scroller

Scrolls through a tile view of the selected Report.

Matrix

Adds a Matrix view of a Report.

Report Actions Bar

Adds the Report Actions Bar of the Report onto the Page.

Report Viewer

Shows a Report.

Rich Text Report View

Shows the Rich Text view of a Report.

Text Report View

Shows the Text view of a Report.


Tiles

Component

Description

Diagram Tile

Diagram Tiles are a way to capture data and present it attractively using infographics.

Form Tile

Form Tiles are utilized to leverage Forms onto a dashboard.

Simple Tile

Displays mapped data on a Page with background color and styling.

Simple Tiles

Displays mapped data on a Page with background color and styling; this control uses multiple Simple Tiles. 


For further information on Pages, visit the Decisions Forum.


What's Next