How To Add 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.

How To Add Scrollable Text In PowerApps

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.

How To Add Scrollable Text In PowerApps

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
        )
    }
)

add marquee in powerapps

Step 3: Set the X position of the label

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

scrolling text in powerapps

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.

Scrolling text in powerapps

Output:


Scrolling text in powerapps

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

P.S – This article was originally published at this link.

Post a Comment

0 Comments