Toolbar scroll button color

[Eric]

https://stackblitz.com/edit/p39cxf?file=index.html

See the 'grey/white' sections in the example above.

How do you change the color of the scroll buttons on each side of the toolbar ?

The background is also appearing even if the scroll buttons are not there.

[Satheesh Kumar Balasubramanian]

Hi Eric,

You can use the below customized style to change the color of the scroll buttons.

https://stackblitz.com/edit/toolbar-scroll-button-customization?file=index.html,index.js

index.html:

        #bookingbartoolbar .e-toolbar-items,

        #bookingbartoolbar .e-toolbar-items.e-hscroll .e-scroll-nav {

          background: red;

        }

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Satheesh Kumar B

[Eric]

Thanks !

Now , how would I change the color of the arrow istelf ?

[Satheesh Kumar Balasubramanian]

Hi Eric,

You can use the below customized style to change the color of the arrow.

https://stackblitz.com/edit/toolbar-scroll-button-customization-akw6lt?file=index.html,index.js

index.html:

        #bookingbartoolbar .e-toolbar-items.e-hscroll .e-scroll-nav .e-icons {

          color: yellow;

        }

Kindly try the above sample and let us know if this meets your requirement.

Regards,

Satheesh Kumar B

[Eric]

Awesome.

Thanks for the prompt support.

[Satheesh Kumar Balasubramanian]

Hi Eric,

Thanks for the update.

We are happy that your problem has been resolved now.

Regards,

Satheesh Kumar B