# In perspective, how to use System.gui.transform ,or something can take place of this?

**URL:** <https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 18, 2024, 1:54am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367 "2024-07-18T01:54:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![zixi\_zhou](https://avatars.discourse-cdn.com/v4/letter/z/3be4f8/32.png) [@zixi\_zhou](https://forum.inductiveautomation.com/u/zixi_zhou)\
**Post date:** [July 18, 2024, 1:54am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/1 "2024-07-18T01:54:34Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/5/4574a6896d23c0a793b0d1ed4656292687beea01.png)

---

<div class="post-metadata">

**Author:** ![simeonw](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@simeonw](https://forum.inductiveautomation.com/u/simeonw)\
**Post date:** [July 18, 2024, 2:15am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/2 "2024-07-18T02:15:48Z")

</div>

You won't be able to use this in Perspective, as the function is only scoped for Vision Client. See here under Scope:

> **[system.gui.transform | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/appendix/scripting-functions/system-gui/system-gui-transform)**
>
> Sets a component's position and size at runtime.

If you can please provide some more information on what you are trying to achieve, we might be able to give you some pointers.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [July 18, 2024, 2:19am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/3 "2024-07-18T02:19:06Z")

</div>

In perspective this functionality is generally accomplished using CSS animations.

Provide information on what you are trying to accomplish and I’m sure someone can help you out.

---

<div class="post-metadata">

**Author:** ![zixi\_zhou](https://avatars.discourse-cdn.com/v4/letter/z/3be4f8/32.png) [@zixi\_zhou](https://forum.inductiveautomation.com/u/zixi_zhou)\
**Post date:** [July 18, 2024, 2:20am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/4 "2024-07-18T02:20:07Z")

</div>

![捕获2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9aff376d06dd8966c5f0402c557358fb72f7ec66.png)  
There is a cross shuttle, I want to make the comment RT\_PCT move according to the ActPos

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [July 18, 2024, 2:42am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/5 "2024-07-18T02:42:11Z")

</div>

Use the View Canvas component and set up duration to automatically smoothly animate between states.

---

<div class="post-metadata">

**Author:** ![simeonw](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@simeonw](https://forum.inductiveautomation.com/u/simeonw)\
**Post date:** [July 18, 2024, 3:02am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/6 "2024-07-18T03:02:28Z")

</div>

So many ways you could do it; View Cavnas (as above), CSS, SVG.

**SVG**  
If the graphic is an embedded SVG and you don't mind about transitions (i.e.it moves in small increments), you could bind to the x-coordinate or use a translate transform on the SVG text element:

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/7/877289f54a8c5ae5c15d5c2ff8acb0176cc326ea.png)

It is also easy to dynamically bind to attributes of other elements too; fill, stroke, size etc.)

**CSS**  
Take a look at the animated style classes too; heaps you can do with that as well:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/3/2301262087a084db4188525a18fd9c7f07bda7ab.png)  
l

---

<div class="post-metadata">

**Author:** ![zixi\_zhou](https://avatars.discourse-cdn.com/v4/letter/z/3be4f8/32.png) [@zixi\_zhou](https://forum.inductiveautomation.com/u/zixi_zhou)\
**Post date:** [July 18, 2024, 4:22am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/7 "2024-07-18T04:22:52Z")

</div>

thanks a lot

---

<div class="post-metadata">

**Author:** ![zixi\_zhou](https://avatars.discourse-cdn.com/v4/letter/z/3be4f8/32.png) [@zixi\_zhou](https://forum.inductiveautomation.com/u/zixi_zhou)\
**Post date:** [July 18, 2024, 4:26am UTC](https://forum.inductiveautomation.com/t/in-perspective-how-to-use-system-gui-transform-or-something-can-take-place-of-this/93367/8 "2024-07-18T04:26:06Z")

</div>

thank you very much!
