SUPPORT.TWILIO.COM END OF LIFE NOTICE: This site,, is scheduled to go End of Life on February 27, 2024. All Twilio Support content has been migrated to, where you can continue to find helpful Support articles, API docs, and Twilio blog content, and escalate your issues to our Support team. We encourage you to update your bookmarks and begin using the new site today for all your Twilio Support needs.

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