cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
880
Views
1
Helpful
4
Replies

Poping CRM page in a tab

Graham Old
Level 7
Level 7

I am writing a tool bar to interface into the customers CRM system to handle callback and cold calling

tb.PNG

This is all working OK in that I can get the call and dial the number. What I am trying to do is to pop a web page in the "Cold Calling" tab to display the cutomer information.

The Cold Calling tab just has an iframe

<!-- Just an iframe -->

    <div id="DEFA">

    <iframe id="EmptyFA" name="EmptyFA" width="100%" height="640" src="https://lablcrm.labl.local/Maximizer/PlaceHolder.asp?AgentID="> </iframe>

   </div>

My attemts to get hold of that iframe from with the js on my tool bar are failing.

IFA = document.getElementById('EmptyFA');

IFA.src = MaxPageURL;

It always comes up with a null reference

Would you expect this to work?

Graham

1 Accepted Solution

Accepted Solutions

dekwan
Cisco Employee
Cisco Employee

Hi Graham,

I can't find any JavaScript APIs to get access to the other tabs. But, you can have the two gadgets talk to each other by using the pubsub feature to publish the url from the toolbar and subscribe from the iframe gadget. Take a look at the HubTopic Sample Gadget: https://github.com/CiscoDevNet/finesse-sample-code/tree/master/HubTopicSampleGadget

Thanx,

Denise

View solution in original post

4 Replies 4

dekwan
Cisco Employee
Cisco Employee

Hi Graham,

I can't find any JavaScript APIs to get access to the other tabs. But, you can have the two gadgets talk to each other by using the pubsub feature to publish the url from the toolbar and subscribe from the iframe gadget. Take a look at the HubTopic Sample Gadget: https://github.com/CiscoDevNet/finesse-sample-code/tree/master/HubTopicSampleGadget

Thanx,

Denise

Thanks Denise that has worked OK.

As all the iframe's are in the same browser tab I would have expected document.getElementById to work, but I guess not.

If you look at my tool bar in the picture above you will see it is spaced in from the left hand size and I can't see why. Do you have any thoughts on why.

Graham

Hmm. The only thing I can think of is that it is due to your css? The SlientMonitoredSampleGadget is a page gadget: https://github.com/CiscoDevNet/finesse-sample-code/tree/master/SilentMonitoredSampleGadget Maybe you can get some clues from here?

Thanx,

Denise

Hi Denise

It wants a link to bootstrap.min.css

It is now displaying correctly but it's not immediately apparent what its missing.  If I have time I might come back and investigate.

Pic2.PNG

Thanks for your help Denise

Graham