# Running/Moving Text in Perspective Views

**URL:** <https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 24, 2024, 4:06am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673 "2024-01-24T04:06:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hisyam\_agung](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@hisyam\_agung](https://forum.inductiveautomation.com/u/hisyam_agung)\
**Post date:** [January 24, 2024, 4:06am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/1 "2024-01-24T04:06:44Z")

</div>

Hello Guys, I'm wondering how to create running or moving text in Perspective based on input data. And I don't have any reference to make that except using Vision.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [January 24, 2024, 4:17am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/2 "2024-01-24T04:17:18Z")

</div>

> [@hisyam\_agung](#):
>
> based on input data

What do you mean by input data?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 24, 2024, 4:41am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/3 "2024-01-24T04:41:57Z")

</div>

Here's something to get you started:

- In Perspective → Styles → right-click and enable Advanced Stylesheet.
- Paste in the following CSS:

```auto
@keyframes marquee {
 0% {
   transform: translateX(100%);
 }
 100% {
   transform: translateX(-100%);
 }
}

```

Apply these textStyle properties to the label:  
 ![Marquee](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/5/359e8c97582211cd8132751e7926670f2cdb9523.png)

---

<div class="post-metadata">

**Author:** ![hisyam\_agung](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@hisyam\_agung](https://forum.inductiveautomation.com/u/hisyam_agung)\
**Post date:** [January 24, 2024, 4:46am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/4 "2024-01-24T04:46:51Z")

</div>

Sorry, not input data but input text.

Here the detail :

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/d/dd20a6e59ab1969dde8b8bd3ff8bc66ad04efe44.png)

---

<div class="post-metadata">

**Author:** ![hisyam\_agung](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@hisyam\_agung](https://forum.inductiveautomation.com/u/hisyam_agung)\
**Post date:** [January 24, 2024, 4:48am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/5 "2024-01-24T04:48:04Z")

</div>

Thankyou, I will try it first

---

<div class="post-metadata">

**Author:** ![hisyam\_agung](https://avatars.discourse-cdn.com/v4/letter/h/9dc877/32.png) [@hisyam\_agung](https://forum.inductiveautomation.com/u/hisyam_agung)\
**Post date:** [January 24, 2024, 7:03am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/6 "2024-01-24T07:03:07Z")

</div>

I success to create running text, but how can I remove scrollable of running text?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/4/84dd58d95802752e16fb4c81a14b4dd66db87760.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 24, 2024, 9:42am UTC](https://forum.inductiveautomation.com/t/running-moving-text-in-perspective-views/84673/7 "2024-01-24T09:42:42Z")

</div>

overflow visible should do that