Genesys Cloud - Main

 View Only

Sign Up

  Thread closed by the administrator, not accepting new replies.
  • 1.  Customization UI Widget chat V2

    Posted 03-21-2022 02:50
    Edited by Jason Kleitz 07-15-2024 14:06
      |   view attached
    No replies, thread closed.

    Hi, since i'm new with Genesys could anyone help me how to custom our own design for the widget chat V2 for changing some colours from the form input and livechat session? i already tried added main.theme : "light" too but that didnt work. i've tried to put inline css from less file that i get from this documentation : "https://all.docs.genesys.com/WID/Current/Developer/GWCCustomize" and change some color and still didnt work (ofcourse i already convert the less file with css format to my code.

    here i attach my custom webchat demo that i implement on my site, its all inline.


    #Ask Me Anything (AMA)
    #ArchitectureandDesign
    #Community Videos (TAM, QA, etc.)

    ------------------------------
    Muhammad Fahrur Rizky
    PT Solusi Tiga Selaras
    ------------------------------

    Attachment(s)

    html
    demo webchat.html   4 KB 1 version


  • 2.  RE: Customization UI Widget chat V2
    Best Answer

    Posted 04-28-2022 13:56
    No replies, thread closed.
    Hey Muhammad. You can utilize the CXbus properties to modify the UI for the chat form. Most us the .cx class selector. There is a brief document that explains this. The best way for you to go about is to launch your chat within a browser and modify the UI using the DevTools. You can then extract the CSS and place it within your code.

    ------------------------------
    Dante Cady
    IGT Global Solutions Corporation
    ------------------------------