@SubashD4

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:

1. Open the modal dialog in Pega that contains the scrollbar you want to customize.
2. In the Pega Developer Studio, create a new CSS file or locate an existing one where you can add the necessary styles.
3. Add the following CSS code to customize the scrollbar:

/* 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; }  

4. Modify the styles above as needed to match your desired look and feel. For example, you can change the background colors to match your application's color scheme.
5. Save the CSS file and upload it to the Pega Platform.
6. In the modal dialog configuration, add the CSS file to the "Style Sheets" tab under "Advanced" configuration settings.
7. Save the modal dialog configuration and test it to verify that the scrollbar is now customized as per your requirements.

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.