# Perspective - Symbol Factory

**URL:** <https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 26, 2021, 9:53pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639 "2021-01-26T21:53:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![CeciliaOsorio2013](https://avatars.discourse-cdn.com/v4/letter/c/6bbea6/32.png) [@CeciliaOsorio2013](https://forum.inductiveautomation.com/u/CeciliaOsorio2013)\
**Post date:** [January 26, 2021, 9:53pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/1 "2021-01-26T21:53:36Z")

</div>

I am working on a perspective project. I have added a symbol into my view, and I have eliminated some elements to get what I need. However, I am trying to get rid of the extra space where the elements were previously. Is that possible?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/9/19ffd439418079e673b806d92b95c8ff60e3992e.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 27, 2021, 12:17am UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/2 "2021-01-27T00:17:05Z")

</div>

If you set the aspectRatio property to `xMaxYMax`, you should be able to drag the left handle all of the way up to the edge of the remaining symbol.

---

<div class="post-metadata">

**Author:** ![CeciliaOsorio2013](https://avatars.discourse-cdn.com/v4/letter/c/6bbea6/32.png) [@CeciliaOsorio2013](https://forum.inductiveautomation.com/u/CeciliaOsorio2013)\
**Post date:** [January 27, 2021, 4:06pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/3 "2021-01-27T16:06:51Z")

</div>

I tried that but it shrinks the symbol itself. It doesn’t get rid of the extra space  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/0/70b38dc821fca2c2aeb2f1e3ba0ef86140296f97.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 27, 2021, 4:09pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/4 "2021-01-27T16:09:52Z")

</div>

You need to drag the handles yourself. the aspectRatio setting just defines how the space should be used. A setting of xMaxYMax should allow the svg to fill up as much space as it can in the boundaries, and any extra space can be removed by dragging the handles. Could you supply a screenshot of the settings for that svg so that I can see the aspectRatio setting?

---

<div class="post-metadata">

**Author:** ![CeciliaOsorio2013](https://avatars.discourse-cdn.com/v4/letter/c/6bbea6/32.png) [@CeciliaOsorio2013](https://forum.inductiveautomation.com/u/CeciliaOsorio2013)\
**Post date:** [January 27, 2021, 4:14pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/5 "2021-01-27T16:14:08Z")

</div>

Yes, the height is adjustable so I am able to get rid of empty space on the top, however, when I try dragging the width over, it shrinks the symbol.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/6/968d2131d3c2255afb82504e34279e04b8863620.png)

---

<div class="post-metadata">

**Author:** ![CeciliaOsorio2013](https://avatars.discourse-cdn.com/v4/letter/c/6bbea6/32.png) [@CeciliaOsorio2013](https://forum.inductiveautomation.com/u/CeciliaOsorio2013)\
**Post date:** [January 27, 2021, 4:20pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/6 "2021-01-27T16:20:44Z")

</div>

This was the symbol before removing a few elements that I don’t need. I just want to remove the extra space because it won’t let me click on components on the back of this symbol due to the white space.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/6/96a8e084419b41789c06b4e5b0d84b60a47537a9.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 27, 2021, 4:21pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/7 "2021-01-27T16:21:58Z")

</div>

Ah, okay. I was able to do trim the extra space by modifying the values in the `viewBox` property. You’ll need to experiment with those values, which define where the svgs internal boundaries should be in relation to the “picture” as a whole. I suspect setting the first `0` of the viewBox property to something around 70 should help. You probably also need to reset the aspectRatio property to `xMidYMid` to take advantage of viewBox changes.

---

<div class="post-metadata">

**Author:** ![CeciliaOsorio2013](https://avatars.discourse-cdn.com/v4/letter/c/6bbea6/32.png) [@CeciliaOsorio2013](https://forum.inductiveautomation.com/u/CeciliaOsorio2013)\
**Post date:** [January 27, 2021, 4:22pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-factory/42639/8 "2021-01-27T16:22:54Z")

</div>

I see. I will try that, thank you!