# Visual Structure

This section defines the terms and concepts used in the scope of the `RadTimeBar` control. They can be helpful when contacting with the support service in order to describe your issue better. Below you can see snapshots and explanations of the main visual elements of the control:

![RadTimeBar Visual Structure](https://www.telerik.com/winui/documentation/assets/e56f47bff0d3d118154e9ff9785055c5/radtimebar-visual-structure-0.png)

**Viewport**—The rectangular region representing the time span between `VisiblePeriodStart` and `VisiblePeriodEnd`.

**Content**—The area between the two levels of Labels. You can use the `Content` to visualize `RadChart`, `RadSparkline` or any other custom controls. The picture above demonstrates `RadColumnSparkLine`.

**Resizable ScrollBar**—You can use the Resizable ScrollBar or the `SelectionThumb` to change the time span of the TimeBar control.

**Time Ruler**—The area where the time periods are shown.

**SelectionThumb**—The Selection thumb is a visual element, which is used to handle the selection of a time span in the TimeBar control. It is positioned according to the `SelectionStart` and `SelectionEnd` properties of the RadTimeBar.

![RadTimeBar Selection Thumbs](https://www.telerik.com/winui/documentation/assets/344162e72462b167f209ca9f76012a42/radtimebar-visual-structure-1.png)

**Selection Visibility Indicator**—This visual element indicates (as its name implies) where the SelectionThumb is and whether it is in the visible period of the time span.

**Selection Indicator**—Indicates whether the Selected range is on the right or left side of the current visible time span.

![RadTimeBar Selection Indicators](https://www.telerik.com/winui/documentation/assets/70c72746e6fb94e40961d46081072bfb/radtimebar-visual-structure-2.png)

## See Also

* [Getting Started](https://www.telerik.com/winui/documentation/controls/radtimebar/getting-started)
* [MVVM Support](https://www.telerik.com/winui/documentation/controls/radtimebar/mvvm-support)