Page 2 of 2
Re: Steel Gauges on a mobile
Posted: Fri 22 Jul 2016 8:00 pm
by The PIT
Got the graphs updating the wiki doesn't mention additional settings are needed in the cumulus ftp setup. Could do with that adding in and a section on upgrading would be useful as well.
Anyway back to the original issue moving the graphics .
Re: Steel Gauges on a mobile
Posted: Fri 22 Jul 2016 8:54 pm
by water01
It certainly does mention the fact that extra files have to be Ftp'd in the Wiki. Read "Quick Start Guide for Cumulus Uses"
http://wiki.sandaysoft.com/a/SteelSerie ... his_too.29
Re: Steel Gauges on a mobile
Posted: Sat 23 Jul 2016 6:14 pm
by The PIT
It doesn't it just mentions two lines to be altered. Doesn't even mention the tooltip graphs. Not worth have a bargy over though.
Just like to be able to move those graphs for mobile device such as phones.
Re: Steel Gauges on a mobile
Posted: Sun 24 Jul 2016 9:53 am
by mcrossley
This is what I have in the current source to position the graphs on narrow screens (there is the option to not display the graphs at all on mobile devices)...
Code: Select all
positiontooltip: function ($, $tooltip, e) {
var x = e.pageX + this.tooltipoffsets[0],
y = e.pageY + this.tooltipoffsets[1],
tipw = $tooltip.outerWidth(),
tiph = $tooltip.outerHeight(),
wHght = $(window).height(),
dTop = $(document).scrollTop();
x = (x + tipw > $(document).scrollLeft() + $(window).width()) ? x - tipw - (ddimgtooltip.tooltipoffsets[0] * 2) : x;
y = (y + tiph > dTop + wHght) ? dTop + wHght - tiph - 10 : y;
// last ditch attempt to keep the graphs 'on page'
x = Math.max(x, 0);
y = Math.max(y, 0);
$tooltip.css({left: x, top: y});
},
Re: Steel Gauges on a mobile
Posted: Sun 24 Jul 2016 7:10 pm
by The PIT
Thanks Mark for a web developer that may mean something but to me a mere mortal it doesn't give me a sense on how to move the graphs. It's like having a map in a desert i.e no reference point so you don't know where you are.
On amobile device the graph needs to popup on the right hand side for the left hand dial and the reverse for the right hand the issue is the same for ipad. Been stuck in iframe doesn't help either I suppose.
Re: Steel Gauges on a mobile
Posted: Mon 25 Jul 2016 12:59 pm
by mcrossley
Look towards the end of gauges.js (search for "positiontooltip: function", you will find the corresponding bit of code there, replace it (or at the least the last few lines) with what I pasted above.
Re: Steel Gauges on a mobile
Posted: Tue 26 Jul 2016 5:02 pm
by The PIT
Haha it works thank you.
Next bit anyway to get rid of the black diamond and the question mark? between for example 12.2?C I presume the ? should be a space.
Also how do upgrade to later versions?
Re: Steel Gauges on a mobile
Posted: Tue 26 Jul 2016 7:43 pm
by mcrossley
The PIT wrote:Haha it works thank you.
Next bit anyway to get rid of the black diamond and the question mark? between for example 12.2?C I presume the ? should be a space.
That is caused by you not saving the file in utf-8 format when you edited it. You need to get a copy the original file, make your changes with a decent editor (Notepad++ is a good general purpose editor) which should detect it is utf-8 anyway. Then make sure you save back in the same format.
The PIT wrote:Also how do upgrade to later versions?
Get a copy of the latest version and replace the files that have changed? The readme tells you what files change on each release.
Re: Steel Gauges on a mobile
Posted: Fri 29 Jul 2016 4:57 pm
by The PIT
Just re saved the file in utf 8 format and the symbols have gone.
Re: Steel Gauges on a mobile
Posted: Wed 31 Aug 2016 6:42 pm
by The PIT
I guess since I'm so far behind I'll have to replace all the files and then edit gauges file to match what I've already got.
Re: Steel Gauges on a mobile
Posted: Wed 31 Aug 2016 7:13 pm
by mcrossley
Do it on a parallel page until you have it working and are happy. Then cut over.