product icon

How to Display New HTML Elements

    Articles related to customization are written for a technical audience who have experience in web development. Knowledge of HTML, CSS, and JavaScript are required.

    File to edit: LanguagesForChatOnlyMode.js 

    var ic_hic_demo_timer = null;
ic_hic_demo_timer = setInterval(ic_hic_demo_timer_checkobject, 100);
function ic_hic_demo_timer_checkobject()
{
  if ((ICObject != null) && (ICObject.pBodyArea != null) && (ICObject.pMainContentArea != null))
  {
    clearInterval(ic_hic_demo_timer);
    ICObject.InsideOfUI = document.createElement("div");
    ICObject.InsideOfUI.className = "demoDiv1";
    ICObject.InsideOfUI.innerHTML = "InsideOfUI";
    ICObject.pMainContentArea.appendChild(ICObject.InsideOfUI);
    ICObject.OutsideOfUI = document.createElement("div");
    ICObject.OutsideOfUI.className = "demoDiv2";
    ICObject.OutsideOfUI.innerHTML = "OutsideOfUI";
    ICObject.pBodyArea.appendChild(ICObject.OutsideOfUI);
  }
}

    File to edit: InstantChat.css 

    .demoDiv1
{
  position: absolute; 
  left: 0px;
  top: 0px;
  background-color: green;
  z-index: 2000;
}
.demoDiv2
{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: blue;
  z-index: 2000;
}
    Article last updated: 27 September, 2022