Open Forum

 View Only

  • 1.  Coding Widget Help! Can you design the scroll bar?

    Posted 12-19-2022 19:31
    Edited by Andy Jang 12-20-2022 08:19
    Hi there!

    I had a question about a capability of the code widget: are you able to design the scroll bar?

    I've created a image gallery with a scroll-able/clickable thumbnail images corresponding to their images.


    To format the thumbnail gallery, which has 31 images, I set it up as:

    .slider {
    text-align: center;
    white-space: nowrap;
    overflow-x: scroll;
    }


    Since I'm using "overflow-x: scroll", I wanted to design the scroll bar by using:

    ::-webkit-scrollbar {
    height: 5px;
    width: 10px;
    border-radius: 5px;
    }

    ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
    }

    However, no matter what I do, the scroll bar stays the same. Is something I'm doing wrong or does Cvent not allow scroll design changes?

    Best,
    AJ

    #EventApp
    #EventApp-Building/managing

    ------------------------------
    Andy Jang
    Crain CommunicationsUnited States
    ------------------------------


  • 2.  RE: Coding Widget Help! Can you design the scroll bar?

    Posted 12-22-2022 11:16
    Hi Andy,

    Hope you are doing well!

    The scroll bar that shows up is a part of system design. Whenever we add content in the code widget, the scroll bar automatically shows up (when required). This is the reason why we are unable to change the look and feel of the scroll bar. 

    Hope this helps!

    Regards,
    Khushbu Gupta
    Associate Quality Lead - Quality Team

    ------------------------------
    Khushbu Gupta
    CventUnited States
    ------------------------------

    Original Message


Related Content