Mark- Posted January 19, 2015 Share Posted January 19, 2015 Hello, I am a noob when it comes to these languages/frameworks/widgets, but I am getting better. I have created two rectangles on the canvas and all is good. Now, I need to put a horizontal slider, the user selects a value, between the two rectangles. I get the slider on the page but it is below the canvas. I 'assume' this can be done and I am missing a part. Maybe a CSS needs to be created. What am I missing/doing wrong? Thanks for your time, Mark Link to comment Share on other sites More sharing options...
Mark- Posted January 19, 2015 Author Share Posted January 19, 2015 Just to close out the thread. This can be added to the head wrapped in a style or to a CSS. #slider { position: fixed; top: 275px; left: 120px; width: 200px; text-align: left;} Link to comment Share on other sites More sharing options...
davej Posted January 19, 2015 Share Posted January 19, 2015 You really want to put an input on top of the canvas? <input type="range" id="slider"/> Link to comment Share on other sites More sharing options...
Mark- Posted January 20, 2015 Author Share Posted January 20, 2015 Hello, Yes. The user draws whatever and sets up animations based on device inputs (switches, pressure transducers, etc.). Sometimes the user wants a slider to change the opening of a valve, for example. The valve is drawn on the canvas and the slider needs to be next to it. I was using the JQuery UI slider. I tried the HTML slider and might go back to using it now that I should be able to position it on the canvas. I think I will try that tomorrow. Javascript/CSS/HTML is not my normal environment. Thanks for the reply, Mark Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now