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" });