# Content
The Telerik UI for ASP.NET Core Wizard provides options for loading content via AJAX or defining local content.
## Loading Content with AJAX
The Telerik UI for ASP.NET Core Wizard provides built-in support for asynchronously loading content from remote URLs via the `ContentUrl` configuration option. Those endpoints should return HTML content that will be loaded in the content area of respective step of the Wizard. When content is loaded via AJAX the Wizard allows the user to configure whether each step content will be loaded only when it is selected via the `LoadOnDemand` configuration option. Otherwise, all steps will be initially loaded with the Wizard rendering. It is possible to also configure whether the step content will be reloaded on each navigation to a given Step via the `ReloadOnSelect` configuration option.
For a complete example, refer to the [demo on loading Wizard content with AJAX](https://demos.telerik.com/aspnet-core/wizard/ajax).
```Razor HtmlHelper
@(Html.Kendo().Wizard()
.Name("wizard")
.LoadOnDemand(true)
.ReloadOnSelect(false)
.Steps(steps =>
{
steps.Add().ContentUrl(Url.Content("~/shared/web/wizard/ajax/ajaxContent1.html"))
.Buttons(b =>
{
b.Previous();
b.Next();
});
})
)
```
```Razor TagHelper
```
## Loading Local Content
### Loading Local Content via the Built-in Form Configuration
The Telerik UI for ASP.NET Core Wizard integrates the Telerik UI for ASP.NET Core Form and supports all its configuration options. For further details on Form functionality and configuration options refer to the [Form documentation section](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/overview).
```Razor HtmlHelper
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(s=> {
s.Add()
.Title("User Details")
.Form(form =>
{
form.FormData(Model);
form.Items(itm =>
{
itm.Add().Field(f => f.UserName);
itm.Add().Field(f => f.Email);
itm.Add().Field(f => f.Password);
});
})
.Buttons(b =>
{
b.Next();
});
s.Add()
.Title("Personal Details")
.Form(form =>
{
form.FormData(Model);
form.Items(itm =>
{
itm.Add().Field(f => f.FirstName);
itm.Add().Field(f => f.LastName);
itm.Add().Field(f => f.DateOfBirth);
});
})
.Buttons(b =>
{
b.Previous();
b.Done();
});
})
)
```
```Razor TagHelper
@addTagHelper *,Kendo.Mvc
```
### Loading Local HTML Content
The content of each Wizard step can be specified via the Wizard Step `Content` or `ContentId` configuration options. In this way a specific HTML string or a DOM element, specified by its Id, will be used as content:
```Razor HtmlHelper
@(Html.Kendo().Wizard()
.Name("wizard")
.Steps(s=> {
s.Add().Content("Start Registration
Click \"Next\" to start filling-in the form
")
.Buttons(b =>
{
b.Next();
});
s.Add().ContentId("finalStep")
.Buttons(b =>
{
b.Previous();
b.Done();
});
})
)
```
```Razor TagHelper
Start Registration
Click "Next" to start filling-in the form
```
## See Also
* [Basic Usage of the Wizard HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/wizard/index)