---
title: loadingTemplate
framework: tvml
role: collectionGroup
path: tvml/loadingtemplate
---

# loadingTemplate

Displays a spinner and description on the screen.

## Overview

Overview Use the loadingTemplate element to display a spinner and description of why the spinner is being displayed; for example, an interim page showing that the requested page is being loaded. A spinner is automatically presented when the page is displayed, and you can add text to tell your users what is happening. The following figure shows the basic layout for a layoutTemplate page. The theme for the loading template defaults to the system preference. note: When a user performs an action to bring up a new page and the new page is not immediately ready, a loadingTemplate page should be presented. After the new page is ready, replace the loadingTemplate with the new page onto the navigation stack.

Main Elements The following listing shows main elements of the loadingTemplate in TVML format. <document>    <loadingTemplate>       <activityIndicator>          <title>Title</title>       </activityIndicator>    </loadingTemplate> </document> Element Descriptions Example The following listing shows the TVML for a loadingTemplate example. <document>    <loadingTemplate>       <activityIndicator>          <title>Loading requested page</title>       </activityIndicator>    </loadingTemplate> </document> The following figure shows the output of the above example:

## Topics

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [layoutDirection](tvml/layoutdirection.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Full-Page Templates

- [alertTemplate](tvml/alerttemplate.md)
- [catalogTemplate](tvml/catalogtemplate.md)
- [compilationTemplate](tvml/compilationtemplate.md)
- [descriptiveAlertTemplate](tvml/descriptivealerttemplate.md)
- [divTemplate](tvml/divtemplate.md)
- [formTemplate](tvml/formtemplate.md)
- [listTemplate](tvml/listtemplate.md)
- [mainTemplate](tvml/maintemplate.md)
- [menuBarTemplate](tvml/menubartemplate.md)
- [oneupTemplate](tvml/oneuptemplate.md)
- [paradeTemplate](tvml/paradetemplate.md)
- [productBundleTemplate](tvml/productbundletemplate.md)
- [productTemplate](tvml/producttemplate.md)
- [ratingTemplate](tvml/ratingtemplate.md)
- [searchTemplate](tvml/searchtemplate.md)