David Huisman asked 5 years ago
Do you have any tutorials that explain the various options for customizing the appearance of the slider for web server?
I would like to add ticks, change colour and increase size and shape of the marker.
Thanks
Sara Santos Staff answered 5 years ago
Hi David.
Unfortunately, we don’t have any tutorials on how to customize sliders.
But, what you need to do, is to create a <div> for your slider. Then, you can use CSS to customize it by referring to that div.
When I want to know how to do something to change the appearance of the web server, I usually search on the w3schools website.
They provide several examples for the slider: https://www.w3schools.com/howto/howto_js_rangeslider.asp
You can play with the slider properties (like the color, shape of the marker, etc) and then, apply them in your code.
Let me know if you need further help.
Regards,
Sara
DK answered 5 years ago
Hi
you can use CSS or Bootstrap ….
If you know C#. Java Python, you can use GUI Slider Control and run a PC/Tablet
CSS
https://codepen.io/sakamies/pen/KXQmXo
Bootstrap
https://techtutorialsx.com/2019/03/04/esp32-arduino-serving-bootstrap/
Regards