Increase Height For Finesse Recording Gadget

[anish.gupta11]

Hi All,

I want to increase height for Finesse Recording Gadget as at present Finesse recording gadget requires agent scroll down to see status of pause and resume buttons. We are using QM for recording. Attached is the screenshot for your reference

[rowdygardner]

Hi Anish,

Can you please provide your Desktop Layout XML that you are using to display the Finesse Recording Gadget?

[anish.gupta11]

Hi,

I took the following from Cisco Finesse Administration-->Desktop Layout-->Finesse Layout XML

<finesseLayout xmlns="http://www.cisco.com/vtg/finesse">
    <layout>
        <role>Agent</role>
        <page>
            <gadget>/desktop/gadgets/CallControl.jsp</gadget>
         <!--
    The following Gadget is used for WebChat. It is *ONLY* supported with WebChat.  If you are not using WebChat, then
    remove it. If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the gadget
 
            <gadget>https://localhost/agentdesktop/gadgets/chatControl.xml</gadget>
-->
        </page>
        <tabs>
            <tab>
                <id>home</id>
                <label>finesse.container.tabs.agent.homeLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>/3rdpartygadget/files/Workflow/WorkflowScreenPop.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>recording</id>
                <label>Recordings</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>/3rdpartygadget/files/RecordingControlsGadgetFinesseURL-10.5.1/RecordingControls.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>myStatistics</id>
                <label>finesse.container.tabs.agent.myStatisticsLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=112&viewId=67D4371110000140000001080A4E5E6B&filterId=ResourceIAQStats.resourceId=loginId</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=420&viewId=5D411E8A10000140000000230A4E5E6B&filterId=AgentStateDetailStats.agentID=loginId</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=76D964AD10000140000000830A4E5E6F&filterId=AgentCSQStats.csqName=CL&compositeFilterId=AgentCSQStats.AgentIds.agentId=loginId</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=5C626F9C10000140000000600A4E5B33&filterId=ResourceIAQStats.resourceId=CL</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>salesforcefull</id>
                <label>SalesForce CRM</label>
                <columns>
                    <column>
                        <gadgets>
                              <gadget>/3rdpartygadget/files/EmbeddedSFDC/EmbeddedSFDC.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>manageCall</id>
                <label>finesse.container.tabs.agent.manageCallLabel</label>
            </tab>
         <!--
    The following Tab and Gadget are used for WebChat. They are *ONLY* supported with WebChat. If you are not using WebChat, then
    remove them. If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the tab and gadget
        2) Replace all instances of "my-socialminer-server" with the Fully Qualified Domain Name of your SocialMiner Server.
        3) [OPTIONAL] Adjust the height of the gadget by changing the "gadgetHeight" parameter.
    IMPORTANT NOTE:
        - In order for this Gadget to work, you must have performed all documented prerequisite steps.
 
            <tab>
                <id>manageChats</id>
                <label>finesse.container.tabs.agent.manageChatsLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>https://my-socialminer-server/multisession/ui/gadgets/multisession-reply-gadget.jsp?gadgetHeight=430</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
-->
        </tabs>
    </layout>
    <layout>
        <role>Supervisor</role>
        <page>
            <gadget>/desktop/gadgets/CallControl.jsp</gadget>
         <!--
    The following Gadget is used for WebChat.  It is *ONLY* supported with WebChat.  If you are not using WebChat, then
    remove it.  If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the gadget
 
            <gadget>https://localhost/agentdesktop/gadgets/chatControl.xml</gadget>
-->
        </page>
        <tabs>
            <tab>
                <id>home</id>
                <label>finesse.container.tabs.agent.homeLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>/3rdpartygadget/files/Workflow/WorkflowScreenPop.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>recording</id>
                <label>Recordings</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>/3rdpartygadget/files/RecordingControlsGadgetFinesseURL-10.5.1/RecordingControls.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>salesforcefull</id>
                <label>SalesForce CRM</label>
                <columns>
                    <column>
                        <gadgets>
                              <gadget>/3rdpartygadget/files/EmbeddedSFDC/EmbeddedSFDC.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>teamData</id>
                <label>finesse.container.tabs.supervisor.teamDataLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>/desktop/gadgets/TeamPerformance.jsp</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=7291DCB410000140000000890A4E5B33&filterId=ResourceIAQStats.resourceId=CL</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=728283C210000140000000530A4E5B33&filterId=ResourceIAQStats.resourceId=CL</gadget>
                     <!--
    The following Gadget is used for WebChat.  It is *ONLY* supported with WebChat.  If you are not using WebChat, then
    remove it.  If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the gadget
 
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=F2F1FC17100001440000014E0A4E5D48&filterId=ChatAgentStats.agentId=CL</gadget>
 -->
<!--
    The following Gadgets are used for Predictive/Progressive/Preview Agent Outbound.
    To include this functionality:
    1) Remove these comments leaving the gadget
 
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=FD919FB9100001440000005D0A4E5B29&filterId=ResourceIAQStats.resourceId=CL</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=FD919FB510000144000000470A4E5B29&filterId=ResourceIAQStats.resourceId=CL</gadget>
-->
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>queueData</id>
                <label>finesse.container.tabs.supervisor.queueDataLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=C8E2DB1610000140000000A60A4E5E6B&filterId=VoiceIAQStats.esdName=CL</gadget>
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=9A7A14CE10000140000000ED0A4E5E6B&filterId=VoiceCSQDetailsStats.agentId=CL&compositeFilterId=VoiceCSQDetailsStats.AgentVoiceCSQNames.agentVoiceCSQName=CL</gadget>
                     <!--
    The following Gadget is used for WebChat. It is *ONLY* supported with WebChat.  If you are not using WebChat, then
    remove it.  If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the gadget
 
                            <gadget>https://localhost:8444/cuic/gadget/LiveData/LiveDataGadget.jsp?gadgetHeight=310&viewId=E42ED788100001440000007B0A4E5CA1&filterId=ChatQueueStatistics.queueName=CL</gadget>
 -->
                        </gadgets>
                    </column>
                </columns>
            </tab>
            <tab>
                <id>manageCall</id>
                <label>finesse.container.tabs.supervisor.manageCallLabel</label>
            </tab>
         <!--
    The following Tab and Gadget are used for WebChat. They are *ONLY* supported with WebChat.  If you are not using WebChat, then
    remove them. If you are using WebChat, include this Gadget in the Desktop Layouts used by Teams associated with chat
    CSQs.  To include this functionality:
        1) Remove these comments leaving the tab and gadget
        2) Replace all instances of "my-socialminer-server" with the Fully Qualified Domain Name of your SocialMiner Server.
        3) [OPTIONAL] Adjust the height of the gadget by changing the "gadgetHeight" parameter.
 
    IMPORTANT NOTE:
        - In order for this Gadget to work, you must have performed all documented prerequisite steps.
 
            <tab>
                <id>manageChats</id>
                <label>finesse.container.tabs.supervisor.manageChatsLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>https://my-socialminer-server/multisession/ui/gadgets/multisession-reply-gadget.jsp?gadgetHeight=430</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
-->
<!--
    The following Tab and Gadget are for MediaSense.  They are *ONLY* supported with MediaSense.  If you are not using MediaSense,
    then remove them.  If you are using MediaSense and wish to show Recording Management, then do the following:
        1) Remove these comments leaving the tab and gadget
        2) Replace all instances of "my-mediasense-server" with the Fully Qualified Domain Name of your MediaSense Server.
 
    IMPORTANT NOTE:
        - In order for this Gadget to work, you must have performed all documented prerequisite steps.
 
            <tab>
                <id>manageRecordings</id>
                <label>finesse.container.tabs.supervisor.manageRecordingsLabel</label>
                <columns>
                    <column>
                        <gadgets>
                            <gadget>https://my-mediasense-server:8440/ora/gadget/MediaSenseGadget.xml</gadget>
                        </gadgets>
                    </column>
                </columns>
            </tab>
-->
        </tabs>
    </layout>
</finesseLayout>

[rowdygardner · Accepted solution]

The Recording Gadget is configured on this line of the Desktop Layout XML:

<gadget>/3rdpartygadget/files/RecordingControlsGadgetFinesseURL-10.5.1/RecordingControls.xml</gadget>

You will need to edit this XML file to increase the height.

Can you supply the content of this XML file?

[anish.gupta11]

Hi,

Following is the content from XML file:

?xml version="1.0" encoding="UTF-8"?>
<Module>

<ModulePrefs title="Recording Controls"
        description="Recording Controls">

    <Require feature="settitle" />
    <Require feature="dynamic-height" />
    <Require feature="pubsub-2" />
    <Require feature="setprefs" />
    
</ModulePrefs>

<Content type="html">
<![CDATA[
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    </head>
    <!-- Styling -->
    <link rel="stylesheet" href="RecordingControls.css" type="text/css" />
    
    <!-- jQuery 1.5 -->
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>

    <!-- Finesse Library -->
    <script type="text/javascript" src="finesse-10.0.1.js"></script>

    <!-- Gadget Business Logic -->
    <script type="text/javascript" src="EmbeddedWebApp.js"></script>

    <body>
        <div id="displayOut"></div>
    </body>

    <script type="text/javascript">
        // initialize the gadget running the init handler defined in EmbeddedWebApp.js
        gadgets.HubSettings.onConnect = function () {
            var _prefs = new gadgets.Prefs();
            var userId = _prefs.getString("id");
            finesse.modules.EmbeddedWebAppGadget.init(window.location.protocol+"//10.192.247.233/cwfo/gadgets/RecordingControls.html?sender_id=" + userId + "&peripheral_id=1");
        };
    </script>
    </html>
]]>
</Content>
</Module>

I see that it's using  'RecordingControls.CSS' and it's contents are as following

/**
 * Default attributes for gadget body.
 */
body {
    background: none transparent;
    padding: 0px;
}
#displayFrame {
    width:100%;
    height:165;
    border: 1px solid;
}

I changed height to 265 but no changes. Does it needs any service restart??

[rowdygardner]

Yes you'll probably need to restart the "Cisco Finesse Tomcat" service after the change for it to take effect.

[Anthony Holloway]

Pro-tip: Upload new versions of your gadgets into different folders, to avoid having to restart Cisco Finesse Tomcat (Impacts Agents).

E.g.,

Start with:
<gadget>/3rdpartygadget/files/RecordingControlsGadgetFinesseURL-10.5.1/v1/RecordingControls.xml</gadget>

Then, move to:
<gadget>/3rdpartygadget/files/RecordingControlsGadgetFinesseURL-10.5.1/v2/RecordingControls.xml</gadget>

Etc.

[anish.gupta11]

Hi, That didn't work. I have increased the height and restarted the service as well but no changes.

[anish.gupta11]

Hi, Can anyone help on this

[anish.gupta11]

I didn't need to restart the service. I was missing 'px' in the height that was causing the issue.

It's fixed and all working.

Thanks !!