Page 1 of 1

Six Across by Two Down Layout

Posted: Fri 17 Jun 2022 7:59 am
by The Dalek Hunter
I have the SteelSeries Gauges here

https://wx-watch.co.uk/weathercat/custom/steel/

Being fed by WeatherCat.

I want to display the webpage on an old Android tablet in landscape mode.
How do I set the layout so the gauges are displayed in a six across by two down layout?

Thanks

Re: Six Across by Two Down Layout

Posted: Fri 17 Jun 2022 8:47 am
by sfws
if the documentation here is of no help, see if the documentation here is more useful.

Re: Six Across by Two Down Layout

Posted: Fri 17 Jun 2022 8:51 am
by broadstairs
I just had a play with mine and it is possible to remove some of the div and /div statements (actually the /div and div pairs in that order to concatenate the rows) to make them appear in longer rows which will reformat back to shorter rows if the screen is smaller in width. It is trial and error to decide which pairs of statements to remove but it does work. It may be easier to have a separate page for the 2x6 rows so that it wont mess up on other screens.

Stuart

Re: Six Across by Two Down Layout

Posted: Fri 17 Jun 2022 10:15 am
by broadstairs
You can see my effort at https://www.stella-maris.org.uk/wxgauges2.phtml.

Stuart

Re: Six Across by Two Down Layout

Posted: Sat 18 Jun 2022 9:58 am
by The Dalek Hunter
Thanks for the help - I am afraid my coding skills are ≤ 0 !

I was hoping the answer would be "Go to line 86 and change the 3 to a 6 and the and the 4 to a 2"

:D :D :D :D

Re: Six Across by Two Down Layout

Posted: Sat 18 Jun 2022 10:09 am
by broadstairs
I'll upload a basic copy of my html which does this so you could have a play and copy some of it to see how you get on. It might just get you moving forward with this.

Stuart

Re: Six Across by Two Down Layout

Posted: Sat 18 Jun 2022 12:36 pm
by The Dalek Hunter
Many thanks indeed.

I will take a look later