Hi, i’ll try to enable responsive gauges in next update.
Thread Starter
arnone
(@arnone)
Oh thank you Konstantinos Kouratoras, that will be perfect !
Thread Starter
arnone
(@arnone)
Hi,
for responsive design, just add in plugin-shortcode.php (end of page) :
relativeGaugeSize: true,
Like this :
$gauge .='<script>
var g'.$gid.';
';
$gauge .= '
var $gp = jQuery.noConflict();
$gp(function() {
var g'.$gid.' = new JustGage({
id: "g'.$gid.'",
value: '.$value.',
min: '.$min.',
max: '.$max.',
title: "'.$title.'",
label: "'.$label.'",
hideMinMax: '.$hideMinMax.',
gaugeColor: "'.$backcolor.'",
levelColors: ["'.$color.'"],
levelColorsGradient: '.$levelColorsGradient.',
gaugeWidthScale: '.$widthscale.',
counter: '.$counter.',
decimals: '.$decimals.',
formatNumber: '.$format.',
titleFontColor: "'.$titleFontColor.'",
valueFontColor: "'.$valueFontColor.'",
relativeGaugeSize: true,
});
});
</script>
Thread Starter
arnone
(@arnone)
and clear all “with” and “heigh” pixel size and use “with” and “heigh” in % size 😉
I’ve just release an update. I added a responsive option to the shortcode like this:
[gauge responsive="true"]
