Extend Siebel to Accept the Live Experience Associate Desktop

Extend existing Siebel web templates.

1. Add the Live Experience Associate Desktop iframe to Siebel. Using Siebel Web Tools, modify the CCFrameContentHI web template to include the code below:

   <div od-switch>
    <div od-case="Communication Panel UI Service, IsCommPanelEnabled">
    <div id="LXPanelContainer" class="siebui-comm-panel-container forcehide">
    <div name="LXPanel" id="LXPanel" marginheight="0" marginwidth="0" scrolling="No" frameborder="1" class="siebui-comm-panel-frame">
    <iframe allowtransparency="true" id="LXFrame" src="https://ignite.oraclecloud.com/dae/?tenant=your_tenant_name" style="height:690px;width:568px" frameborder="off" data-siebel-cd="true" allow="microphone;camera"></iframe>
    </div>
    </div>
    <div id="CommunicationPanelContainer" class='siebui-comm-panel-container forcehide'>

   Use your Live Experience tenant name for your_tenant_name. The Live Experience Associate Desktop panel appears on the left of the Siebel agent view.

2. Add the toggle button that expands and collapses the Live Experience Associate Desktop panel. Using Siebel Web Tools, modify the CCFrameBanner web template with the code below:

   <div id="HTMLMessageBar" class="siebui-banner-btn siebui-btn-notify header-top tr"></div>
   <div id="LXToggle" class="siebui-banner-btn header-top tr lx" style="color: white;font-weight: bold;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0 0 15px white; cursor:pointer">LX</div>
   <div od-if="Communication Panel UI Service, IsCommPanelEnabled">

   The LX button appears in the top-right corner of the Siebel agent view.