cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
697
Views
2
Helpful
2
Replies

UCCX Finesse 10.6.1 Gadget Screenpop partial webpage when call answered in separate tab

Joseph Spataro
Cisco Employee
Cisco Employee

UCCX Finesse 10.6.1 Screenpop partial webpage when call answered in separate tab

Screenpop works fine when agent answers call in "Screenpop Tab" but when the call is answered in any other tab and then the "Screenpop Tab" is selected the orientation of the Screenpop webpage is very small in height.

Below are examples of the screenPop working and not working. I used CUCM's admin web page as the url for the screenPop.

Here is a picture of the screenpop working as expected: https://www.dropbox.com/s/s6alxmvs7m75x4y/Working.PNG?dl=0

--- 1) Agent goes in ready

--- 2) Select ScreenPop tab

--- 3) Call comes in, Agent picks up call

--- 4) ScreenPop successfully loads

Here is a picture of the screenpop not working as expected: https://www.dropbox.com/s/ypddqooaev8lydo/Not_Working.PNG?dl=0

--- 1) Agent goes in ready

--- 2) Select Home tab

--- 3) Call comes in, Agent picks up call

--- 4) Select ScreenPop tab

--- 5) ScreenPop unsuccessfully successfully loads

1 Accepted Solution

Accepted Solutions

dekwan
Cisco Employee
Cisco Employee

Hi,

Looks like the ACTIVE_TAB handler wasn't added to this sample gadget. In the ScreenPop.js's init, add the following in red:

/**

  * Performs all initialization for this gadget

  */

init : function () {

  var prefs =  new gadgets.Prefs(),

  id = prefs.getString("id");

  var clientLogs = finesse.cslogger.ClientLogger;  // declare clientLogs

  gadgets.window.adjustHeight();

      

  // Initiate the ClientServices and the logger and then load the user object.  ClientServices are

  // initialized with a reference to the current configuration.

  finesse.clientservices.ClientServices.init(finesse.gadget.Config);

  clientLogs.init(gadgets.Hub, "ScreenPop", finesse.gadget.Config); //this gadget id will be logged as a part of the message

  user = new finesse.restservices.User({

      id: id,

      onLoad : handleUserLoad,

      onChange : handleUserChange

  });

          

  states = finesse.restservices.User.States;

  // Initiate the ContainerServices and add a handler for when the tab is visible

  // to adjust the height of this gadget in case the tab was not visible

  // when the html was rendered (adjustHeight only works when tab is visible)

  containerServices = finesse.containerservices.ContainerServices.init();

  containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function() {

      clientLogs.log("Gadget is now visible");  // log to Finesse logger

      // automatically adjust the height of the gadget to show the html

      gadgets.window.adjustHeight();

    });

    containerServices.makeActiveTabReq();

}

That should fix it.

Thanx,

Denise

View solution in original post

2 Replies 2

dekwan
Cisco Employee
Cisco Employee

Hi,

Looks like the ACTIVE_TAB handler wasn't added to this sample gadget. In the ScreenPop.js's init, add the following in red:

/**

  * Performs all initialization for this gadget

  */

init : function () {

  var prefs =  new gadgets.Prefs(),

  id = prefs.getString("id");

  var clientLogs = finesse.cslogger.ClientLogger;  // declare clientLogs

  gadgets.window.adjustHeight();

      

  // Initiate the ClientServices and the logger and then load the user object.  ClientServices are

  // initialized with a reference to the current configuration.

  finesse.clientservices.ClientServices.init(finesse.gadget.Config);

  clientLogs.init(gadgets.Hub, "ScreenPop", finesse.gadget.Config); //this gadget id will be logged as a part of the message

  user = new finesse.restservices.User({

      id: id,

      onLoad : handleUserLoad,

      onChange : handleUserChange

  });

          

  states = finesse.restservices.User.States;

  // Initiate the ContainerServices and add a handler for when the tab is visible

  // to adjust the height of this gadget in case the tab was not visible

  // when the html was rendered (adjustHeight only works when tab is visible)

  containerServices = finesse.containerservices.ContainerServices.init();

  containerServices.addHandler(finesse.containerservices.ContainerServices.Topics.ACTIVE_TAB, function() {

      clientLogs.log("Gadget is now visible");  // log to Finesse logger

      // automatically adjust the height of the gadget to show the html

      gadgets.window.adjustHeight();

    });

    containerServices.makeActiveTabReq();

}

That should fix it.

Thanx,

Denise

Tested. This fixed it. Thank you!