Thanks on both counts Mark. Please put that down to post operation confusion.
The download below includes this fix by Mark so that the current version of the AI works correctly.
Neil
Moderator: mcrossley
Thanks on both counts Mark. Please put that down to post operation confusion.
This my attempt at hide in index.html: obviously there is and error on my part. Help please.NeilThomas wrote: ↑Thu 04 Aug 2022 8:52 amHi Keithgriffo42 wrote: ↑Thu 04 Aug 2022 7:13 amAs I don't have solar sensors does the above still apply to the latest version of ai.cmx?NeilThomas wrote: ↑Tue 01 Feb 2022 8:43 am
No, you can always still use the ‘w3-hide’ on any aspect of the site that you don’t want to be visible.
Keith
The style 'w3-hide' can be used with any html element to hide it on all screen sizes. However, be aware that with gauges you need to hide the entire block. Just hiding the canvas may not work as expected. You should edit the gauges.js file to turn off any gauge you don't need.
There are three other variations - 'w3-hide-small', 'w3-hide-medium' and 'w3-hide-large' that can be used to selectively hide an element on different sized screens. This is for info only as in the above case you just don't have solar sensors.
Neil
Hi Kiethgriffo42 wrote: ↑Thu 11 Aug 2022 7:15 amThis my attempt at hide in index.html: obviously there is and error on my part. Help please.NeilThomas wrote: ↑Thu 04 Aug 2022 8:52 amHi Keith
The style 'w3-hide' can be used with any html element to hide it on all screen sizes. However, be aware that with gauges you need to hide the entire block. Just hiding the canvas may not work as expected. You should edit the gauges.js file to turn off any gauge you don't need.
There are three other variations - 'w3-hide-small', 'w3-hide-medium' and 'w3-hide-large' that can be used to selectively hide an element on different sized screens. This is for info only as in the above case you just don't have solar sensors.
Neil
<!-- <div class="w3-container w3-theme-l5 w3-center w3-border w3-theme-bdr ai-quarters ai-flex-item" style="order:10;"> -->
<div class="w3-container w3-theme-l5 w3-center w3-border w3-theme-bdr ai-quarters ai-flex-item" style="w3-hide">
<h4>Solar</h4>
<p>Radiation <span id="SolarRad" class="reading">---.-</span> W/m<sup>2</sup></p>
<p><span>High </span><span id="HighSolarRadToday" class="high">--.-</span> W/m<sup>2</sup><span class="ai-at-time" id="HighSolarRadTodayTime">--:--</span></p>
<p>UV Index <span id="UVindex" class="reading">--</span></p>
<p><span>High </span><span id="HighUVindexToday" class="high">--.-</span><span class="ai-at-time" id="HighUVindexTodayTime">--:--</span></p>
</div>
and here is the screenshot:
Screenshot 2022-08-11 171219.png
Keith
Code: Select all
<div class="w3-container w3-theme-l5 w3-center w3-border w3-theme-bdr ai-quarters ai-flex-item" style="order:10;">
Code: Select all
<div class="w3-container w3-theme-l5 w3-center w3-border w3-theme-bdr ai-quarters ai-flex-item w3-hide" style="order:10;">
I have it ready, will be publishing it tomorrow.
No, I did not do a forceful reload, but I never used the Alarm settings page in the AI before, so how could there have been any old scripts in a cache.
Everything frequently works for other people, while technology frequently fails for me, which is why I spend most of my life far away from any technology.