Accepted Solutions
Hello Denise,
I really appreatiate the way you are helping me on this. And thank you so so much 
I am using the version 10.5(1). I am trying to build it using the help of sample gadgets and documents. Looks like I am missing lot of things.
Can you please help me with the changes for version 10.5.1 ?
-Ajey Shetty
Hi Ajey,
I had a 50/50 chance of figuring out which version you were using and chose the wrong one
Ignore my previous post since you are using 10.5. What you need is to declare the config:
var finesse = finesse || {};
finesse.gadget = finesse.gadget || {};
finesse.container = finesse.container || {};
clientLogs = finesse.cslogger.ClientLogger || {}; // for logging
// Gadget Config needed for instantiating ClientServices
/** @namespace */
finesse.gadget.Config = (function () {
var _prefs = new gadgets.Prefs();
/** @scope finesse.gadget.Config */
return {
authorization: _prefs.getString("authorization"),
country: _prefs.getString("country"),
language: _prefs.getString("language"),
locale: _prefs.getString("locale"),
host: _prefs.getString("host"),
hostPort: _prefs.getString("hostPort"),
extension: _prefs.getString("extension"),
mobileAgentMode: _prefs.getString("mobileAgentMode"),
mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
xmppDomain: _prefs.getString("xmppDomain"),
pubsubDomain: _prefs.getString("pubsubDomain"),
restHost: _prefs.getString("restHost"),
scheme: _prefs.getString("scheme"),
localhostFQDN: _prefs.getString("localhostFQDN"),
localhostPort: _prefs.getString("localhostPort"),
clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
};
}());
/** @namespace */
finesse.modules = finesse.modules || {};
That is the only thing i can see based on the code you provided. Let me know if you are still having issues.
Thanx,
Denise
It is coming blank 
Code: I have even attached it.
var finesse = finesse || {};
- finesse.gadget = finesse.gadget || {};
- finesse.container = finesse.container || {};
clientLogs = finesse.cslogger.ClientLogger || {}; // for logging
// Gadget Config needed for instantiating ClientServices
/** @namespace */
finesse.gadget.Config = (function () {
var _prefs = new gadgets.Prefs();
/** @scope finesse.gadget.Config */
return {
authorization: _prefs.getString("authorization"),
country: _prefs.getString("country"),
language: _prefs.getString("language"),
locale: _prefs.getString("locale"),
host: _prefs.getString("host"),
hostPort: _prefs.getString("hostPort"),
extension: _prefs.getString("extension"),
mobileAgentMode: _prefs.getString("mobileAgentMode"),
mobileAgentDialNumber: _prefs.getString("mobileAgentDialNumber"),
xmppDomain: _prefs.getString("xmppDomain"),
pubsubDomain: _prefs.getString("pubsubDomain"),
restHost: _prefs.getString("restHost"),
scheme: _prefs.getString("scheme"),
localhostFQDN: _prefs.getString("localhostFQDN"),
localhostPort: _prefs.getString("localhostPort"),
clientDriftInMillis: _prefs.getInt("clientDriftInMillis")
};
}());
/** @namespace */
- finesse.modules = finesse.modules || {};
- finesse.modules.SampleGadget = (function ($) {
/** @scope finesse.modules.SampleGadget */
return {
/** 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 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, "LearningSampleGadget"); //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;
var login = user.getExtension();
var permalink = "https://10.32.134.65:8444/cuic/permalink/PermalinkViewer.htmx?viewId=33C69CC71000015B00002C3A0A101441&linkType=htmlType&viewType=Grid&@Extension=" + login;
// 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 ****");
if ($("#cuic").length)
{
// only modify the html if we haven't done it before
clientLogs.log("Gadget html already=" + $("#cuic").html());
}
else
{
var html = '';
// add a div tag to the html
html += '<div id="cuic">';
html += '<iframe src="' + permalink + ' " id="frame1" width="900" height="300"></iframe>';
html += '</div>';
//set the html document's agentout element to the html we want to render
$("#agentout").html(html);
clientLogs.log("Set html to=" + $("#cuic").html());
// automatically adjust the height of the gadget to show the html
gadgets.window.adjustHeight();
}
});
containerServices.makeActiveTabReq();
} // init function
}; // return
}(jQuery));
