How to make Slider complete non interactable?

Hello!

I have a slider with Images in Slider button, Background, Fill Area.
6749482--778303--upload_2021-1-21_18-34-59.png
I make the slider non interactable from script and i want the user to see on the whole image that it is non interactable. I get the following picture when it is set non interactable:
6749482--778309--upload_2021-1-21_18-37-16.png
Only on the middle circle you can see that it is non interactable. But the other part remains the same. How can i make this change on the background and in the Fill area too? This Elements does not have the interactable options, i can only disable them, but i does not want them disabled.

This works fine with buttons, but does not want to work with the slider.
6749482--778333--upload_2021-1-21_18-56-1.png 6749482--778336--upload_2021-1-21_18-56-19.png

Problem solved :slight_smile:
I changed the Sprite in the Background and Fill object when the slider is non interactable ( with a photoshop made greyed image ), and changed back to the original when it is interactable again.