> For the complete documentation index, see [llms.txt](https://docs.dbnetsoft.com/dbnetsoft/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dbnetsoft.com/dbnetsoft/screenspro/controls/scrollingpanelelement.md).

# ScrollingPanelElement

This element scrolls its content horizontally through its own bounds and repeats. The content is a single element, so a text, an image or a whole grid can be scrolled.

## Properties

| Name              | Type      | Description                                                                                           |
| ----------------- | --------- | ----------------------------------------------------------------------------------------------------- |
| `Content`         | UIElement | The element that is scrolled. It is also the content property, so it can be written between the tags. |
| `ScrollMode`      | Enum      | `Text` or `Ticker`, see below. Default `Text`.                                                        |
| `PixelsPerSecond` | int       | Scrolling speed. Default `50`.                                                                        |

## Scroll modes

| Value    | Description                                                                                                                                                            |
| -------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Text`   | The content starts at the left, waits, scrolls until its end is visible, and waits again before it starts over. Made for a text that is only slightly too long to fit. |
| `Ticker` | The content enters from the right edge and leaves completely on the left before it starts over, like a news ticker.                                                    |

The content is clipped to the bounds of the element. Each completed run raises the finished event and the animation starts again.

## Example

```xml
<controls:ScrollingPanelElement ScrollMode="Ticker" PixelsPerSecond="120"
                                Width="1920" Height="60">
    <controls:TextElement Text="Welcome to the finals" FontSize="40" />
</controls:ScrollingPanelElement>
```