# Simple gauge padding

**URL:** <https://forum.inductiveautomation.com/t/simple-gauge-padding/30566>\
**Category:** Ignition Early Access\
**Tags:** ignition80, perspective\
**Created:** [December 10, 2019, 10:47am UTC](https://forum.inductiveautomation.com/t/simple-gauge-padding/30566 "2019-12-10T10:47:42Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sbussolino](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@sbussolino](https://forum.inductiveautomation.com/u/sbussolino)\
**Post date:** [December 10, 2019, 10:47am UTC](https://forum.inductiveautomation.com/t/simple-gauge-padding/30566/1 "2019-12-10T10:47:42Z")

</div>

Hello Everyone,

I have the needing to put a small simple gauge on a window (it will be around 50x50px) , but I noticed that the simple gauge element is not padding as I am expecting. To be more clear the circle that is representing the gauge is always staying very far from the edges, and when I’m making it very small the whole gauge becomes just a small ball as shown in the pictures.  
Is there a way to keep its original properties even when it’s small, or just to spread it larger inside the element edit square?

 ![gaugeBig](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c1be2e415bf694b5198c5ed9ca82593ce0b2038f.png) ![gaugeVSmall](https://us1.discourse-cdn.com/inductiveautomation/original/2X/c/c30ef4892034c1d9c2f9cd12619afbacf554d8b4.png) ![gaugeVSmallExp](https://us1.discourse-cdn.com/inductiveautomation/original/2X/7/7f5f53c1a0fef625a94ebff3bdcb11c2e82a3799.png)

---

<div class="post-metadata">

**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\
**Post date:** [December 10, 2019, 5:01pm UTC](https://forum.inductiveautomation.com/t/simple-gauge-padding/30566/2 "2019-12-10T17:01:25Z")

</div>

I ran into similar issues with the simple gauge. The solution I’ve found seems to work best for me is to ditch the perspective components that don’t react the way I want them to and build them from scratch as SVGs.

> **[How to Create an SVG Pie Chart—Code Along with Kasey](https://seesparkbox.com/foundry/how_to_code_an_SVG_pie_chart)**
>
> Kasey teaches you how to create an SVG pie chart. Code along with her, using SVG elements to create the chart.

The only difference between your gauge and a pie chart with a single value is a circle the same color as the background covering the center. Just saying . . .

---

<div class="post-metadata">

**Author:** ![sbussolino](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@sbussolino](https://forum.inductiveautomation.com/u/sbussolino)\
**Post date:** [December 10, 2019, 5:19pm UTC](https://forum.inductiveautomation.com/t/simple-gauge-padding/30566/3 "2019-12-10T17:19:19Z")

</div>

Indeed now I am using a circular SVG graphic for my purpose, looks like SVGs are very performant on perspective.
