modify dropdownlist scroll style

I need to change and modify the width and as much as possible in the scroll. So far I have the following, and I need to modify the values ​​that are enclosed in yellow in the attached image.

.e-scrollbar .e-vscroll .e-button.e-icon{

                display: none;

}

.e-scrollbar .e-vscroll{

                border-left: 0px;

                width: 5px;

}

.e-vscrollbar{

                width:5px;

}

.e-scrollbar{

                background-color:#ffffff;

}


Captura de pantalla 2022-07-13 202821.jpg


Captura de pantalla 2022-07-13 203104.jpg


1 Reply

SS Sivakumar ShunmugaSundaram Syncfusion Team July 15, 2022 07:44 AM UTC

Hi César,


Greetings from Syncfusion support.


As per the shared details, we have validated your reported issue and we are able to replicate it from our side. To overcome the issue, we suggest you set the below CSS level style. We have attached the modified sample to your reference.


Refer the below code snippet.

[Default.aspx]

 

.e-scrollbar.e-js.e-widget.e-vscrollbar{

    width:5px !important;

}

.e-content{

    width:136px !important;

}


Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication2-1392259957.zip


Please get back to us, if you need any further assistance.


Regards,

Sivakumar S



Loader.
Up arrow icon