Newer Version Available

This content describes an older version of this product. View Latest

closeTab() for Lightning Experience

Closes a workspace tab or subtab. This method works only in Lightning console apps.

Arguments

Name Type Description
tabId string ID of the workspace tab or subtab to close.

Sample Code

This component has a button that, when pressed, closes the currently focused tab.

Component code:

1<aura:component implements="flexipage:availableForAllPageTypes" access="global">
2    <lightning:workspaceAPI aura:id="workspace"/>
3    <lightning:button label="Close Focused Tab" onclick="{!c.closeFocusedTab}"/>
4</aura:component>

Controller code:

1({
2    closeFocusedTab : function(component, event, helper) {
3        var workspaceAPI = component.find("workspace");
4        workspaceAPI.getFocusedTabInfo().then(function(response) {
5            var focusedTabId = response.tabId;
6            workspaceAPI.closeTab({tabId: focusedTabId});
7        })
8        .catch(function(error) {
9            console.log(error);
10        });
11    }
12})

Response

This method returns a promise that, upon success, resolves to a tabInfo object representing the closed tab. A tabInfo object is a JSON array of information about a workspace tab, with nested arrays of information on each subtab. This is the structure of a tabInfo object.
1{ tabId: string,
2     active: boolean
3     pinned: boolean,
4     closeable: boolean,
5     title: string,
6     icon: string (SLDS iconKey),
7     iconAlt: string,
8     recordId: string,
9     url: string (URL),
10     subtabs: [
11         {
12             tabId: string,
13             active": boolean,
14             pinned": boolean,
15             closeable": boolean,
16             title: string,
17             icon: string (SLDS iconKey),
18             iconAlt: string,
19             recordId: string,
20             url: string (URL),
21             isSubtab: boolean,
22             parentTabId: string,
23             customTitle: string,
24             customIcon: string (URL),
25             customIconAlt: string
26          },
27          { ... }
28     ],
29     isSubtab: boolean,
30     parentTabId: string,
31     customTitle: string,
32     customIcon: string (URL),
33     customIconAlt: string
34}