How To Add Marquee (Scrollable Text) In PowerApps

Introduction

In this article, we will learn how to make use of timer control to create a marquee label in PowerApps. If you need to develop a scrolling text in your canvas app, this article will help you to write a logic for the same. We will make use of a timer control to update the position of the label control.

Step 1: Add a timer control and a label

Add a timer control on the screen for 1 second i.e. 1000 milliseconds. Set the Repeat and Auto start property to ON. Also, add a label that we will use for scrolling.

We will make use of this timer control to update the x position of a label.

Step 2: Use context variable to update the x position

On timer end property, we will update the context variable so that we can use this variable as X position of the label.

Set the OnTimerEnd property of the label to,

UpdateContext(
    {
        varMessageX: If(
            varMessageX > Screen5.Width,
            -Label1.Width,
            varMessageX + 10
        )
    }
)

Step 3: Set the X position of the label

Update the X position of the label to the context variable defined in Step 2.

This will scroll the text from left to right. If you want the scroll from right to left, update the formula to 

X position = Screen1.Width - varMessageX

To increase the scrolling speed, decrease the timer duration. I have set it to 10.

You can also add the fixed width rectangle to show the static background as shown below. 

Output

I hope you have liked this article. If you have any queries, feel free to ask in the comment section. Thanks for reading.