Gauges spacing

[laulau]

Hi,

I'm testing V2beta gauges.

How can i increase space between the gauges?

with V1.5 the gauges were over the entire width, with V2.0Beta there are centered!

[laulau]

Can someone help please?
What do i have to do to change gauges spacing ?
Something to change in gauges-ss.css ?
Thanks

[mcrossley]

Yes, you will have to change the CSS, I'm hopeless at CSS. It should be fairly simple as each gauge is contrained in a DIV and each row is just another DIV.

So a simple bit of CSS such as this should work - but can I make it... bloomin' CSS!

[laulau]

Thanks i understood how css works but i have to learn a little bit about this!

I noticed something else :

In

<div class="row">
<canvas id="canvas_led" width="40" height="30"></canvas>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<canvas id="canvas_status" width="500" height="25"></canvas>&nbsp;&nbsp;&nbsp;&nbsp;
<canvas id="canvas_timer" width="70" height="25"></canvas>
</div>
<div class="row">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</div>

<div class="row">
<div id="tip_0" class="gauge">
<canvas id="canvas_temp" width="281" height="281"></canvas>

The width and height properties have no effect
those properties are aways taken from gauges.js config.gaugeSize i think.
Why do the properties from the html file not override those from config ?

[mcrossley]

Yes, the Canvas tag is different from the the surrounding div that you have removed. The canvas size is set by the gauge when it is created - hence no size in the HTML or CSS. I think you will have to resize an enclosing Vic and centre the gauge within that to achieve what you want.