Jump to: navigation, search

User Interface

This content may not be the latest Genesys Engage cloud content. To find the latest content, go to Genesys Engage cloud for Administrators.

Supported browsers

Designer supports the latest versions of the following web browsers:

  • Mozilla Firefox
  • Google Chrome
  • Microsoft Edge
  • Apple Safari

The minimum display resolution supported by Designer is 1920 x 1080.

Internet Explorer is deprecated. Genesys recommends that IE users select one of the supported browsers when using Designer. Using non-supported browsers with Designer can produce unexpected results.

User interface overview

Watch this video to see an overview of the Designer user interface:

The various elements within the interface are described below.

Navigation bar

Des uioverview navbar 02.png

Provides one-click access to Applications, Shared Modules, Media Resources, Digital Resources, Speech Grammars, and Business Controls objects.

Workspace toolbar

Des workspace toolbar.png

Provides buttons for common actions. Click your user name to log off. Click the settings icon to view or modify the global Caching settings for certain resources and to toggle certain Features. Click the Help icon to access the Designer Help.

Application toolbar

Des uioverview toolbar 02.png

Provides buttons for common actions. Click Settings to set global settings for your application. Click Save Flow to save and validate your application, or click Publish to save and validate your application and prepare it for use by routing engines. Click Build to create and manage the builds associated with the application.


Provides all available blocks that you can use in your application, sorted by functional grouping:

Des uioverview palette.png

Application flow

Provides the main area to build your application by adding blocks vertically. (See Build Logic for more information.)

Des uioverview appflow.png

Help pane

Displays help information for the selected block:

Des uioverview help.png

Block properties

Displays all properties exposed by a block and provides assistance to set them:

Des uioverview block.png

Search bar

Most Designer pages have a search bar located near the top-right corner:

Des search bar.png

You can use this search bar to find items on that particular page. As you start typing, the items on the page are filtered to only show those items that match the terms you've entered.

There are additional levels of search available when you are working directly within an application flow. See Searching the application flow.

If you are searching on the Applications page, you can search for a specific phone number that is assigned to an application. The applications list is then filtered to only show the application(s) with that number assigned.

Actions toolbar

Many of the resource pages in Designer have an Actions toolbar:

Des actions toolbar.png

The action items on the toolbar will vary based on the resource page you are viewing. Depending on the functions available for that particular resource, you can use this toolbar to do the following:

View History

Use the View History button (Des actions toolbar history icon.png) to open the history view (or audit log) for a resource.

The history view shows you a list of each time the resource was viewed, edited, or published, the user who made the change, and the new and previous value of any properties that were changed.

You can use the buttons on the page to view the results for a specific time period (for example, last 1W to see the results for previous week), or use the date fields to specify a custom date range. Results can be sorted or searched and you can use the Export button to export the results as a CSV file.

You can drill-down further into each results item by double-clicking it. This opens an audit window opens that displays additional details for that particular event.

List Media/Message Collection Consumers

Use the List Media/Message Collection Consumers button (Des actions toolbar list icon.png) to see information about which applications and modules are using that particular media or message collection.


Use the Clone button (Des actions toolbar clone icon.png) to clone the resource. You'll have to give the cloned resource a unique name.

A cloned resource does not inherit the history and published versions of the original resource.

List Module Versions

Use the List Module Version button (Des actions toolbar version icon.png) to view the version history for a shared module. You can then choose to make a version public, or view a version (in read-only mode) as it appeared at a particular time.


Use the Export button (Des actions toolbar export icon.png) to export a resource. This exports the selected resource for use in another Designer workspace. When you export a resource, all versions of that resource are exported, including the unpublished version.

If you are using a Safari browser when performing the export, the exported file is downloaded as unknown. The file is valid and can be imported successfully, but you might want to rename it to something more meaningful.


This Actions item is only available on the Data Tables page. Use the Import button (Des actions toolbar import icon.png) to import the contents of a CSV file into the selected data table.


Click Delete (Des actions toolbar trash icon.png) to delete all versions of the resource. However, published applications that were using the resource (in other words, applications that had previously generated their code) are not affected.

Quick filters

This toolbar enables you to filter a list of resource items by selecting one or more filters that are associated with tags. The list then refreshes to show only those items that match the selected filters.

In this example, the SMART and Debug filters are selected so that only data tables with those tags are shown:

Des ui quick filters 01.png

Note that the filters will display any item in the list that has the associated tag, even if there are other tags associated with that item. If you navigate to a new resource page (such as going from Data Tables to Business Hours), any selected filters are automatically applied to the new page.

To add, modify, or delete quick filters, click the Settings icon to open the Manage Quick Filters window. To associate a filter with a specific tag, select it, and add the tag(s) under the Parameters section.

In the above example, the SMART filter was associated with the "M1App" tag, as follows:

Des ui quick filters manage.png

The Quick Filters toolbar appears on the following resource pages: Special Days, Business Hours, Data Tables, Applications, Shared Modules, Emergency Flags, Media Resources, and Digital Resources. The same filters appear on each page, and any filters that you create are visible to other Designer users.

Tags are a useful tool for keeping resources organized. For consistency, Genesys recommends that you define and use a similar set of tags across your various resource types.
This page was last edited on October 2, 2020, at 12:32.


Comment on this article:

blog comments powered by Disqus