Workspaces UI tour

• List screen
• Details screen

1. Screen header
2. Spaces navigation icon
3. Screen name
4. Content pane
5. Screen footer

1. Screen header
2. Spaces navigation icon
3. Application pane
4. Task pane
5. Screen footer

Branding

Workspaces has been designed to give you a great user experience, with much consideration given to many visual design decisions resulting in a modern user interface (UI) that is beautiful, consistent, and easy to use.

A core element of the UI is color. Workspaces uses a palette of complimentary tones, based on a primary color from which lighter and darker shades are derived. The tones from this palette contribute to a theme which is used in several ways.

• The theme is applied to various components in the Workspaces UI.
• Forms can be branded with the theme. 23.10This feature was introduced in the 23.10 release
• A theme can be associated with an organization. This supports white-labeling, say, for sub-brands or products. 23.10This feature was introduced in the 23.10 release

Workspaces comes with a default theme based on Temenos branding. However, you can derive a custom theme based on a color from your brand, usually your brand's primary color or something similar. This provides a simple way to make the appearance of your Workspaces portal align with other software in your business. If you want to learn about theme color selection, see API > Workspaces > Guides > Theme color.

Select a space

The Spaces navigation icon identifies all the spaces available to you, and provides a way for you to move between them. Several related spaces may be grouped together under a space group. Select a space item to switch to that space.

One or more of the following spaces are available to you depending on how your Workspaces portal is configured and which permissions you have been given.

1. By default, the Review and Document Requests spaces are grouped together under the Process space group.

For more information about spaces, see Roles and Spaces.

Screen header

The screen header is common to all Workspaces screens, displaying generic information and providing access to common features and menus.

1. Spaces navigation icon
2. Screen refresh
3. Language
4. Logout

On the screen header, you can find the following features.

• Spaces navigation icon: Click this icon to display a menu presenting the available spaces that you can select from to work in. 23.04This feature was introduced in the 23.04 release
• Screen refresh: When the information displayed on the screen was last refreshed, and an option to refresh it.
• Language: Select the language used for static text in the Workspaces UI. 21.11This feature was introduced in the 21.11 release
• Logout: End your current Workspaces session securely.

When you navigate to a Workspaces screen, the information displayed is up-to-date but it can become stale over time. The elapsed time since the screen was last updated is shown in the screen header beside the autorenewRefresh button. If the screen has not been updated recently or you just want to make sure you're looking at the latest information, click autorenewRefresh to refresh the screen.

Screen content

The main part of each screen is occupied by components that either display application- and task-related information, or allow you to interact with a selected application or task. The content and features available are specific to the selected space and screen type.

• A List or Search screen contains an item list and other components that determine which items are displayed and allows you to interact with them. To learn more about List screens, see Understanding the Workspaces List Screen.
• A Details screen contains an application Application pane on the left and a Task pane on the right. The Application pane presents application details and a task switcher, while the Task pane contains task-related content for a selected task including action buttons and other interactive components. To learn more about the application and task panes, see Application and Task panes.

Field Data Types

Fields display information of various data types including text (name, email address, some IDs), numbers (phone, SSN), and dates. A date may represent either a specific point in time (date of birth) or a duration (application age).

Numbers and dates can be configured to use a variety of formats. For example:

• Phone numbers can be formatted for the current locality or to accommodate internationalization.
• 9-digit Social Security Numbers are commonly displayed using the format "AAA-GG-SSSS".
• Dates representing a point in time can use either absolute ("1 Jan 2022", "today") or relative ("last Wednesday", "6 days ago") formats.
• Dates representing a duration can use either specific ("7 days, 3 hours, 26 minutes") or approximate ("about 7 days", "last week") formats.

Sometimes a value might be too long to fit in the space available for it; in this case, the value is often truncated and an ellipsis ('…') is appended to indicate that you're not looking at the full value. To see the full value, point your cursor at the truncated value and a tool tip is displayed showing the full value.

By default, values in table columns wrap when they are wider than the column. However, sometimes this behavior is undesirable, and it can be overridden for specific columns via configuration.

Custom content

Much of the Workspaces user interface presents various types of content (information and features) in components or layouts specifically designed for each content type. In addition to the standard content types, your Journey Workspaces portal may also be configured with additional custom content specific to your organization. While custom content is more commonly available on the Details screen in separate tabs 22.10This feature was introduced in the 22.10 release, you may also find it used on the List screen in expansion rows.

Workspaces supports two format options for custom content, designed for two different kinds of data:

• Multi-value data: Content is displayed in a table, with a header row at the top followed by one or more data rows. Each column represents a different kind of content, identified by the column header, while each row relates to a single entity such as an applicant, a background check, or a document. Each individual data item is either a simple text/number display or an icon button that links to additional details or functionality. All data items in the same column are of the same type.
• Single-value data: Each data item in a container (such as a tab, card or section) is displayed separately, with a label and value, and an optional icon button that links to additional details or functionality.

1. Multi-value data
2. Single-value data

Info

Custom content presents a read-only view of a predetermined data set. It is configured by a Workspaces developer who defines both the data that is displayed and how it appears. A Workspaces user has no control over the way the data appears, nor can they modify the displayed information.

Several icon types are supported for icon buttons in custom content:

• linkDetail Link: Indicates additional details are available to view. Click the icon button to display the additional details in a pop-up window.
• vertical_align_bottomDownload: Indicates the additional details are available to download. Click the icon button to download the file containing the additional details. 21.11This feature was introduced in the 21.11 release
• Any other icon provides access to additional functionality. Click the icon button to perform the associated action. 22.10This feature was introduced in the 22.10 release

An icon button is usually accompanied by a tooltip as part of the accessible user interface available to all users. This helps to explain an icon button's purpose, in case the icon is not recognized immediately.

1. Icon button
2. Accessible tooltip

Modal Windows

Workspaces has been purposefully designed to make key features and important information available at your fingertips. However, sometimes more screen space is needed, or an action needs more control over how it's used, and in these kinds of circumstances Workspaces uses a modal window.

Examples of how Workspaces uses modal windows include the following.

• View any receipt for any task associated with a selected application.
• Manage the documents attached to an application.
• Start, fill in, and save or submit a new form in the Assisted Channel space.

By default, a modal window opens in the same browser tab where you are using Workspaces, and in a way that prevents you from interacting with the main Workspaces screen behind it. Further, a modal window that contains a form opens in full screen by default. If you need to interact with the Workspaces screen behind a modal window, the modal can be popped out into a separate browser tab, allowing you to close the modal and interact with Workspaces while still being able to view the receipt. 22.10This feature was introduced in the 22.10 release

You can interact with the elements on the modal window which may involve data entry, or the window may simply display information in a format that wouldn't be possible or might not present well on the main Workspaces pages.

Use the fullscreenFull Screen and fullscreen_exitExit Full Screen icons to control the size of a modal window, or the open_in_newPop Out icon to pop out the modal content into a separate browser tab. When you're finished with a modal, click the closeClose icon to close the modal window and return to the Workspaces screen where the modal window was opened. The screen is reloaded to reflect any changes made while the modal window was displayed.

• Modal Window
• Modal Window - Full Screen

Time Zones in Workspaces

When you're using Workspaces, from time to time you'll encounter dates and times associated with items such as applications and tasks; for example, the date and time when an application was submitted or a note was added. Workspaces captures and stores dates and times using the time zone on the local computer where the action is taking place. Similarly, all dates and times displayed in Workspaces are with respect to the time zone of the user’s local computer. This means that you never need to do time zone conversions; Workspaces always takes care of this for you.

Error screen

Workspaces is designed to handle a variety of predictable situations gracefully. Nevertheless, from time to time something could happen that Workspaces doesn't know how to deal with. In these situations, Workspaces has a handy screen that helps you to understand what went wrong and get the help you need.

1. Error screen
2. Error text

The error screen displays information about how to resolve the error you encountered. Usually, this involves contacting your support team and providing some details to aid in troubleshooting your problem. When seeking assistance, include the error text displayed on the error screen in the details you provide to your support team.