Hello Everyone,
I am trying to program a vertical slider using the below code and all it produces is a horizontal slider. The rest of the code is fine. Thanks in advance for the help. Code posted below:
client.println("<body>");
client.println("range {-webkit-appearance: slider-vertical; width: 20px; height: 100px;}"); // THIS IS THE CODE IN QUESTION
client.println("<input type=\"range\" orient=\"vertical\" id=\"range\" min=\"0\" max=\"9\" step=\"1\" value=\"3\">");
client.println("</body>");
The task is to create a vertical range slider.
It seems that you need assistance with HTML and not with Arduino. I cannot assist you, and there may be better places to ask for assistance, but you may get some assistance here.
@vaj4088: That maybe true it is HTML related however it is within the WiFi webserver code within the Arduino WiFi Rev2. It may come down to an error of Syntax as I've tried several variations and coming up with the same thing.
I have to admit that I know little about HTML and nothing about webkit or sliders.
However, a search for
webkit slider-vertical
turned up many hits, some of which may be helpful in your search. Good Luck!