Potential Support Response Time Delays Due to Surge in Toll-Free Queries: We’re experiencing a surge in inquiries due to the November 8, 2023 Toll-Free Restricted Traffic Shutdown Deadline. We’re committed to helping you; please bear with us as there might be some delays. For more details, see Toll-Free Message Verification for US/Canada.

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";
// ...Other Code
Actions.invokeAction("NavigateToView", { viewName: "my-custom-view" });
Have more questions? Submit a request
Powered by Zendesk