Page Controls

22 Oct 2024
6 Minutes to read

Print
Share
Dark
Light

Page Controls

Updated on 22 Oct 2024
6 Minutes to read

Print
Share
Dark
Light

Article summary

Did you find this summary helpful?

Thank you for your feedback

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	Adds a Flow to the Page as a Button/Image/Link.
Portal	Run Action as Button/Image/Link	Adds default Portal Actions 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	Current User	Displays 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	Dynamically populate a Text Box using Data Name
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	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 Reports 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, create a table.
	Scratch Pad	Gives the end-user the opportunity to change font type, color, size, alignment, copy, paste, insert an image, 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 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 that the selection of the first column affects the contents of the second.
Tab Container	Creates tabs that open multiple Pages in one.

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 Folders 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 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

Adding and Customizing Charts on a Page

Table of contents

Overview 
Actions
Data
Data Types
Designer Entities
Images 
JS controls
Layouts
Navigation
Reports
Tiles

Page Controls

Overview

Actions

Data

Data Types

Designer Entities

Images

JS controls

Layouts

Navigation

Reports

Tiles

What's Next