03-11-2015 02:56 AM - edited 03-14-2019 02:32 PM
We have migrated to Cisco Finesse from CAD.
In CAD we can Open our CRM website inside a Window. Now we need similar functionality in Finesses. We don't need Pop Up but the wesite should open inside the Finesse Interface.
Is there any method to achieve it. I searched Cisco Doc but couldn't find the information anywhere.
Thanks
03-11-2015 09:29 AM
You can use an iFrame in a gadget, and put that gadget either in a row or in its own tab in the finesse layout.
NOTE: If you have Finesse set up to use HTTPS, you will need to make sure that your CRM app uses https for everything it loads, and that the finesse server and the browser both trust the CRM app's certificate (either through a valid chain or through manually uploading the cert to the tomcat-trust store).
03-12-2015 05:15 AM
iFrame ?
Does this need Programming skills based on API ?
Excuse me as i am very poor in HTML and Programming ?
I tried to use the sample gadget from Cisco
https://developer.cisco.com/site/finesse/downloads/sample-gadgets/
I used the Embedded Web App Sample Gadget 10.5.1 Gadget but
the problem is that it do not adjust the height according to the website called .
Like i am trying to Call AQM Portal but unable to increase the height of the window.
Attached is the snapshot
03-12-2015 09:08 AM
Yeah, it needs basic XML and Javascript coding skills. You're going to need to be able to figure out how to get the canvas size for the content and resize the iframe or execute the adjustheight feature of the gadget.
Finesse is a bit of a double edged sword. It is more powerful and highly customizable. The downside is that it can be significantly more deep (technically speaking) than CAD for doing some basic things. The easy way to get your CRM app open is the browser pop to new tab/new window.
If you need it in the finesse UI you will need to get the sample app to work properly for your needs or custom-code a gadget to do so.
The problem is most likely that the content height changes after the initial load-up... so the gadgets.window.adjustHeight() function is called when it thinks the iframe content will be X, and then a split second later the content loads to a much larger size. You could statically set the height of the gadget on load, and remove the gadgets.window.adjustHeight() from the .js file part of the gadget, to take up the entire frame. That's my quick and dirty recommendation for fixing this.
Getting much deeper than that, I would have to recommend consulting with a Cisco Partner or vendor to help develop a more clean solution.
03-15-2015 06:06 AM
I consulted one web designer , without going int to extreme coding or customization he just pointed out to make a correction in CSS file . the px was missing in height parameter. I don't know Web Designing but any way it is working now with this adjustment .
from
#displayFrame {
width:100%;
height:650;
border: 1px solid;
}
To
#displayFrame {
width:100%;
height:650px;
border: 1px solid;
}
03-16-2015 08:11 AM
That actually makes perfect sense.
12-16-2015 04:40 AM
Cisco Added almost every function inside finesse as a sample gadgets, here is the link:
https://developer.cisco.com/site/finesse/downloads/sample-gadgets/
you can download, edit them to your environment (there is a readme file inside each gadget to help you edit) upload it to finesse and test
Enjoy.
12-16-2015 01:11 AM
How did you call AQM portal to the gadget?
I have the same need for my customer.
12-16-2015 03:14 AM
Calabrio provides two gadgets by default -
Calabrio Recording Controls gadget - for recording controls
Cisco Quality Management Playback gadget - to playback recordings
Steps
1. Login to QM Web Base server and copy the following required folders onto your desktop -
Finesse Version 10.0.1:
C:\Program Files\Cisco\WFO_QM\Jetty\- work\cone_ui\webapp\gadgets\RecordingControlsGadgetFinesseURL-10.0.1
Finesse Version 10.5.1:
C:\Program Files\Cisco\WFO_QM\Jetty\- work\cone_ui\webapp\gadgets\RecordingControlsGadgetFinesseURL- 10.5.1
2. Open the RecordingControls.xml file and make the following changes:
a. Change the IP address passed to the finesse.modules.EmbeddedWebAppGadget.init function in this XML file to match
the QM Web Base server address.
b. Change the peripheral_id passed to the finesse.modules.EmbeddedWebAppCadget.init function to 1.
3. UCCX has a 3rdpartygadget account to upload third-party gadgets. Before you can use this account, you must set the password. Login to UCCX cli and run "utils reset_3rdpartygadget_password".
4. Now use SFTP and login to UCCX using the username '3rdpartygadget' and the password you set in the above step. Create the following new folder and paste the contents from the folder you copied in step 1 in here-
/3rdpartygadget/files/RecordingControls (via Filezilla or any other SFTP client)
or
/opt/cisco/3rdpartygadget/root/files/RecordingControls (via root)
5. Navigate to Finesse Admin web page > Desktop Layout and paste the following XML content in the Finesse Layout XML -
<tab>
<id>Calabrio Recording Controls</id>
<label>finesse.container.tabs.agent.CalabrioRecordingControlslabel</label>
<gadgets>
<gadget>/3rdpartygadget/files/RecordingControls/RecordingControls.xml</gadget>
</gadgets>
</tab>
Note: There will be a txt file named 'Finesse Layout' in the folder in step 1. You can verify the XML contents from there too.
6. Relaunch and relogin to Finesse Desktop. It will now have a new tab for recording calls via QM.
For further details, refer to QM Integration Guide:
http://www.cisco.com/c/dam/en/us/td/docs/voice_ip_comm/cust_contact/contact_center/workforce_optimization/qm_10x/reference/guide/qm-integration-guide-cad-finesse-105.pdf
You can always refer to below link as well for Finesse Sample Gadgets
https://developer.cisco.com/site/finesse/downloads/sample-gadgets/
Regards
Deepak
- Rate Helpful Posts -
02-16-2018 10:31 PM
02-17-2018 07:11 AM
06-18-2018 07:01 PM
Hello,
I'm able to get the recording controls gadget to work, but I only want the Pause and Resume buttons to show up. Do you know where I can modify the button layout? I've tried changing the recordingcontrols.properties file, but that didn't work. I've also tried modifying some .css files but they get overwritten. Thanks!
Discover and save your favorite ideas. Come back to expert answers, step-by-step guides, recent topics, and more.
New here? Get started with these tips. How to use Community New member guide