Hi Steve, What browser do you have on that device? For sure the screen resolution is more than up to the job, and Andriod 4.3 should be fine also. Chrome for mobile/cell should run on 4.1 and higher (Other browsers are available)
The only browser that would connect to the ESP is Dolphin ... but I get the same rendering on Chrome (eventho it wont connect)
Hmm Everything but the sliders appears to be in the right place. Almost as if the 'Range23.css' file has some corruption or other incompatibility. That file is responsible for the fancy rendering of a standard html 'range' input slider and also transposes it into the vertical orientation. I would first rule that out with a known working replacement copy.
OK try this before we rule it out completely. I've moved the range23.css directly into the html. You can also try rendering the original source code at this page http://codepen.io/thebabydino/pen/VYyYzL If it won't render then the issue is the browser. Also now we're back on the subject, there is considerably more trimming down I can now do with this page. I now know how to construct javascript functions using argument variables thus saving lots of needless repetition. I've also gone over the use of the bootstrap construction techniques and found quite a bit of code can be dispensed with there too.
Unfortunately the same result on the S3 .. I've rebooted, cleaned all cache etc etc ..... yet it renders well with vertical sliders on a computer
Did you try the link I pointed to in my last post on the S3? If that works then there's still a chance we can find a workaround.
Steve ....... Yes that page renders with a vertical slider .....I looked at the new indexDCC code and the only reference to range23.css is in a line (line 11) that is commented out ..... and range23.css is still in the data directory .. if I take it out of the directory it renders well but, of course has no sliders ........ where is range23.css in the HTML?
Sorry about that Steve. In my haste I didn't test the file properly. This one renders OK in Chrome without an external copy of range23.css the other dependencies are still needed though. The contents of range23 now occupy their own area at the end of the document. This can be important to some browsers. If it works it can be a simple matter of moving the link down there.
Steve Still not rendering on the S3 .... it works without a separate Range23.css in the folder but still no vertical sliders. I still see no reference to Range23.css in the new file other than the commented line ....... I now see the webkit references
Thanks for testing Steve, without your sole input just at the moment we would not be progressing very far. So the source code does render on it's own but not as an element of our 'page'. As I touched upon in an earlier post, it is probably time to give the the whole thing a complete overhaul and optimise to the best of my current knowledge. Give me a day or two and I shall get back to you with something that works hopefully. Don't give upon that S3 just yet. The single throttle version has already been done in that respect. Would you like to test it? Steve.
Yes, Send it on .... I will get to more testing in the AM ..... spouse is calling for our dinner date. Thanks Steve F
indexDCC1 denotes the single throttle slider. There are some slight positional issues I need to sort when rendering in some other browsers (work in progress, OK in Chrome). Another new dependency gauge.min.txt needs to go in data folder after extension changed to .js And last a font file digital-7-mono.txt needs the extension changed to .ttf and placing in a new folder called 'fonts' within the data folder.
'Morning ..or rather good afternoon Interesting .. speedo looks great as does everything else except the slider ....... it is still horizontal not vertical and lays under the loco select buttons. Beginning to think it is an anomoly of the S3 . The slider button is transparent and only moves if I tap on the slider bar not using the button to slide.
Hi Steve I am using Chrome but I dont have the speedo. I put gauge.min.js in a ' data ' folder inside de indexDCC1 folder. Is this correct?
Hi, indexDCC1 needs a collection of dependency files to display correctly in your browser. Most of which you can find by downloading from here https://github.com/indev2/DCCpp-WebSocket. Please note that the 'server' code file on github has long been depreciated and you can discard that file (DCCppWebsocketServer.ino). If you are looking to get everything working on an ESP8266 please get back to me on this thread. Those files along with the others posted above all need to be together in a folder called 'data' (with the font file in a sub folder called 'fonts'). Then when you launch indexDCC1.html from within the 'data' folder, it should open and display correctly in your browser. We could call all those dependencies from the internet, but the idea is to have an offline solution. Hope this helps. Steve.
Hi Steve, Sorry I've not been very active today. I'm a little run down with a 'cold' of all things. I too had a transparent slider button in Chrome while playing around last night, I'm guessing 'range23' could be better in some respects. I'll be investigating deeper as we move toward the weekend. Steve.
Hi Steve Thank you for your prompt response. I was using the DCCppWebSocket and was deleted the .ino file. Now putting the files on the data folder I can display the speedo. However it is too large, how you can see in the picture.