How Do You Change the Default Active Flex View?

Changing the default active Flex view is a two step process. You’ll first need to move the left-side navigation bar (SideNav) button to the top, and then you can change the default view.

Move the SideNav button

You can use the sortOrder property when adding a component to make it appear before the Agent Desktop (default) view button in SideNav. Here's an example:

Flex.SideNav.Content.add(<MyNewViewButton key="dashboard" />, {sortOrder: -1});

Change the Default View

Use the Actions framework to change which page is the default active view:

import { Actions } from "@twilio/flex-ui";
.....
Actions.invokeAction("NavigateToView", { viewName: “my-custom-view” });
Have more questions? Submit a request
Powered by Zendesk