[SalesForce] Service Cloud Console – openSubtab() not working

I followed the example provided on this link.

I am trying to open a knowledge article on a new sub-tab in the Service Console, the sub-tab does open but it does not display any content. It keeps 'processing' but nothing appears.

I also tried to replace the article's link to the one generated by the service console but I got the same results.

<apex:page standardController="Case">

<A HREF="https://cs80.salesforce.com/articles/en_US/Procedure/No-Icon/p" onClick="testOpenSubtab();return false">
    Click here to open a new subtab</A> 

<apex:includeScript value="/support/console/22.0/integration.js"/>
<script type="text/javascript">
    function testOpenSubtab() {
        //First find the ID of the primary tab to put the new subtab in
        sforce.console.getEnclosingPrimaryTabId(openSubtab);
    }

    var openSubtab = function openSubtab(result) {
        //Now that we have the primary tab ID, we can open a new subtab in it
        var primaryTabId = result.id;
        sforce.console.openSubtab(primaryTabId , 'http://www.salesforce.com', false, 
            'salesforce', null, openSuccess, 'salesforceSubtab');
    };

    var openSuccess = function openSuccess(result) {
        //Report whether we succeeded in opening the subtab
        if (result.success == true) {
            alert('subtab successfully opened');
        } else {
            alert('subtab cannot be opened');
        }
    };
</script>

Best Answer

You're misunderstanding the basic HTML and JavaScript behind this.

<A HREF="https://cs80.salesforce.com/articles/en_US/Procedure/No-Icon/p" onClick="testOpenSubtab();return false">
Click here to open a new subtab</A>

This is not meant to OPEN whatever link you have in the href. This is just a link that trips the function testOpenSubtab()then returns false, which means it is performing the onClick then not navigating to the href location, so it doesn't matter what is in that attribute.

The link it is actually opening is the second argument of openSubtab(), which in the example is "http://www.salesforce.com".

So this would work for your example:

sforce.console.openSubtab(primaryTabId , 'https://cs80.salesforce.com/articles/en_US/Procedure/No-Icon/p', false, 
        'salesforce', null, openSuccess, 'salesforceSubtab');

Related Solutions

[SalesForce] Liveagent in Console: Unsaved Changes Prompt

As you've correctly guessed, the related entities section being in edit mode is what's triggering the save dialog. There is a second condition under which the tab is considered unsaved - when the chat is in progress. If you Save the related entities and end the chat (using the End Chat button), you won't see that prompt.

As far as not needing those fields go, the Spring '14 release notes include this line:

Starting in Spring ’14, the Related Entities panel in the details tab isn’t available for new Live Agent customers. Existing customers will continue to have access to the Related Entities panel.

I'm not sure, but you may be able to contact support to have this changed for an existing organization as well.

Finally, to your question about auto-saving - the chat transcript is saved when the agent closes the chat or disconnects from Live Agent. You could potentially use the service cloud console integration toolkit to listen for the chat end event, and close the tab.

[SalesForce] How to Execute Function after For Loop? – Console Tabs

All console methods are asynchronous, so they have only been enqueued when the for loop completes. If you want it to execute after all of the calls have completed, you should put the logic in a callback. You will also need to implement some sort of counter to check how many tasks have completed.

let completedCount = 0;
let totalCount = 10;
for (let i = 0; i < totalCount; i++) {
    sforce.console.doSomeStuff(parameter, function () {
        completedCount += 1;
        if (completedCount === totalCount) {
            // now you are "done with the for loop"
        }
    });
}

You may alternatively wish to play around with window.setTimeout.

Side note on your JS, please use const instead of var, except in cases where you assign a value more than once. In the latter case, use let. Never use undeclared variables (something you do in your for loop).

Best Answer

Related Solutions

[SalesForce] Liveagent in Console: Unsaved Changes Prompt

[SalesForce] How to Execute Function after For Loop? – Console Tabs

Related Topic