Recent charts not showing all options

[stuartp]

The “Recent Charts” option is only showing me temperature. I can not now see the menu bar at the bottom of the the chart view any more so can’t choose the other options ie Windspeed, Pressure, Rainfall etc. The Historic Chart option works perfectly.

I have had this on my dev Raspberry Pi for a while but my main system was working ok. I’ve now upgraded both to Cumulus MX 3.23.1 b3221 and the main system which was on an earlier build now exhibits the same problem too.

Any suggestions?

Stuart

[SamiS]

When any webpage (either console or website) malfunctions after upgrade, first thing to check is that could it be a browser caching issue. Either test it with a private browsing window, or just clear the cache.

[stuartp]

When any webpage (either console or website) malfunctions after upgrade, first thing to check is that could it be a browser caching issue. Either test it with a private browsing window, or just clear the cache.

I have tried Safari and Firefox and cleared cookies and cache. It’s just the CMX console which has the fault. Data uploaded to my web site is displaying perfectly.

Stuart

[stuartp]

I’ve just noticed that on my iMac, Recent Charts on the CMX console has a drop down menu at the top, whereas Historic Charts has the “old style” menus along the bottom. If I shrink the screen sideways so that the top menu rolls on to a second line, the chart selection drop down for Recent Charts disappears !

I’ve been testing on an iPad and the top menu line is always wrapped due to the format of the iPad screen ( even in landscape mode), hence my inability to select any other options rather than temperature.

A bug ?

Stuart

[water01]

The bar to select the chart shown is now a drop down above the chart.

[stuartp]

The bar to select the chart shown is now a drop down above the chart.

Yes - that’s the issue! As I stated above :

“ I’ve just noticed that on my iMac, Recent Charts on the CMX console has a drop down menu at the top, whereas Historic Charts has the “old style” menus along the bottom. If I shrink the screen sideways so that the top menu rolls on to a second line, the chart selection drop down for Recent Charts disappears !

I’ve been testing on an iPad and the top menu line is always wrapped due to the format of the iPad screen ( even in landscape mode), hence my inability to select any other options rather than temperature.

A bug ?”

Stuart

[mcrossley]

Sounds like an issue with the HTML/CSS. I'll take a look...

[stuartp]

Sounds like an issue with the HTML/CSS. I'll take a look...

Strangely enough it all displays fine on my iPhone. On my iPad even if I select “Request Mobile Website” it fails. But I have just found that if I increase the font size of that page to 125% the drop down menu appears. So that’s my temporary fix

Stuart

[mcrossley]

Ugh, the navigation menu is position "fixed" so is out of the DOM flow and if it wraps overwrites the content. If anyone fancies taking a bash at fixing this feel free!

To keep the fixed nav bar I think it will need some JS to recalculate its height on a window resize and adjust the content top margin appropriately. or something like that!

[mcrossley]

Here is a patched menu.js file that adjusts the body to unhide it from a wrapped menu. Please give it a try.

Put it in the /interface/js folder

The other option is to collapse to the hamburger menu before the menu wraps, but that involves overriding some of the bootstrap standard CSS, and not other bits - and they share the same class

[stuartp]

Here is a patched menu.js file that adjusts the body to unhide it from a wrapped menu. Please give it a try.

Put it in the /interface/js folder

The other option is to collapse to the hamburger menu before the menu wraps, but that involves overriding some of the bootstrap standard CSS, and not other bits - and they share the same class

Thanks Mark. Works on both my systems

Stuart