Using Pop-Out Utilities

Utilities that support pop-out can be “popped out” of the utility bar and into their own separate child windows.

To pop a utility out, click the The pop-out icon icon. From there, you can pop the utility back into the utility bar with the The pop-in icon icon, or close the utility. Pop-out utilities are the Lightning equivalent to multi-monitor components in Classic.

Popping-out docked utility bar items isn't supported in Lightning Experience on iPad Safari.

Note

Standard Utilities

Pop-out is supported for these standard utilities. Standard utilities are utilities that are included with Salesforce.

  • Open CTI Softphone
  • History
  • Rich Text
  • Report Chart
  • Visualforce
  • Flow
  • List View
  • Recent Items
  • Chatter Feed
  • Chatter Publisher
  • Notes

Custom Utilities

Pop-out is available for custom utilities. To enable pop-out for custom utilities, activate the Utility Bar: Enable Pop-Out for Custom Utilities critical update. The critical update enables pop-out for all utilities in the “Custom” and “Custom – Managed” categories. Test your custom utilities in a sandbox environment before you enable the update.

Disabling Pop-Out

If you don’t want your custom utility to be popped out, you can disable pop-out in two ways.

Disabling Pop-Out within the Component

Use the lightning:utilityItem interface in your component and set the supportsPopOut attribute to false to disable pop-out.

<aura:component implements="lightning:utilityItem">
    <aura:attribute name="supportsPopOut" type="Boolean" default="false" />
</aura:component>

Disabling pop-out within the component itself is a useful and simple way to ensure that the component can never be popped out.

Disabling Pop-Out with the Lightning Console JavaScript API

Use the disableUtilityPopOut() method and set the disabled argument to true to disable utility pop-out.

If you’re migrating from a Classic console app and using a Visualforce page for your utility, we automatically respect if setCustomConsoleComponentPopoutable is set to false.

Disabling pop-out with the Lightning Console JavaScript API allows you to enable and disable pop-out in real time.