Marquee

Marquee

Use this control to add an attention–getting text message that scrolls continuously across the screen.

Features

• Set the marquee direction.
• Customize the text.
• Can add any kind of content.
• ControlTemplate support.

Using the control

To start using the control, just add the content you want scrolls continuously across the screen.

<controls:Marquee>
    <Label
        Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
</controls:Marquee>

Manage the direction

We can customize the scroll direction using the Direction property:

• LeftToRight
• RightToLeft

Customize

We have from basic customization options like the background color using the BackgroundColor property.

<controls:Marquee
    BackgroundColor="Red"
    Direction="RightToLeft">
    <Label
        Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
</controls:Marquee>

To other options like the border color, using the BorderColor property.

<controls:Marquee
    BorderColor="Green"
    Direction="RightToLeft">
    <Label
        Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
</controls:Marquee>

Or the CornerRadius property:

<controls:Marquee
    BackgroundColor="GreenYellow"
    BorderColor="DarkGreen"
    CornerRadius="12"
    Direction="RightToLeft">
    <Label
        Padding="6"
        TextColor="DarkGreen"
        Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."/>
</controls:Marquee>