Unable to customize scrollbar in modal dialog
Scroll Bar style | Support Center (pega.com)
we have tried this option as per the link above, but it is not working. we are using the version Pega 8.7 and Ruleset for UI Kit is UI-Kit-7:15-01-01.
Did you miss our WEBINAR: Transform IT & Operations with AI: Pega Blueprint Advantage? Watch the REPLAY!
This webinar will show how AI is revolutionizing these functions and how Pega’s Blueprint Solution can help you fully leverage AI to meet your goals.
Get Instant Answers with Your New AI Buddy! Skip the wait and get your questions answered fast! Our AI Buddy is here to help you during the issue ticket creation process, giving you solutions before you even contact support. Try it out in My Support Portal and see how easy it is!
This content is closed to future replies and is no longer being maintained or updated.
Links may no longer function. If you have a similar request, please write a new post.
Scroll Bar style | Support Center (pega.com)
we have tried this option as per the link above, but it is not working. we are using the version Pega 8.7 and Ruleset for UI Kit is UI-Kit-7:15-01-01.
To customize the scrollbar in a modal dialog in Pega, you can use CSS to override the default styles of the scrollbar. Here are the steps to do so:
/* Customize scrollbar track */ ::-webkit-scrollbar-track { background-color: #f1f1f1; }
/* Customize scrollbar thumb */ ::-webkit-scrollbar-thumb { background-color: #888; }
/* Customize scrollbar thumb on hover */ ::-webkit-scrollbar-thumb:hover { background-color: #555; }
To customize the scrollbar in a modal dialog in Pega, you can use CSS to override the default styles of the scrollbar. Here are the steps to do so:
/* Customize scrollbar track */ ::-webkit-scrollbar-track { background-color: #f1f1f1; }
/* Customize scrollbar thumb */ ::-webkit-scrollbar-thumb { background-color: #888; }
/* Customize scrollbar thumb on hover */ ::-webkit-scrollbar-thumb:hover { background-color: #555; }
Note that the above CSS code works for webkit-based browsers such as Chrome and Safari. For other browsers, you may need to use vendor-specific prefixes or different styles.
Question Solved
Question
Question Solved
Question Solved
Question
Question
Question
Question
Question Solved
Question
Pega Collaboration Center has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.