I cannot seem to get a partial page to render properly on a wizard step. Can anyone locate a code example that accomplishes this?
What I have is:
@(Html.Kendo().Wizard()
.Name("wizard")
.HtmlAttributes(new { @novalidate = "" })
.Steps(steps =>
{
steps
.Add().ContentId("upload")
.Buttons(b =>
{
b.Next();
});
steps
.Add().ContentId("validate")
.Buttons(b =>
{
b.Previous();
b.Next();
});
})
.Events(events =>
{
events.Done("onWizardDone");
}))
<
script
id
=
"uploadBillOfLading"
type
=
"text/kendo-template"
>
@await Html.PartialAsync("_Upload")
</
script
>
<
script
id
=
"validateBillOfLading"
type
=
"text/kendo-template"
>
@await Html.PartialAsync("_Validate")
</
script
>
The result is for step 1 (upload) to be displayed as though it were part of the wizard and step 2 (validate) is also displayed but partially in the wizard and partially outside...clearly the wizard is showing all step markup at all time. Do I have to hide/show the step markup pragmatically?
Any and all assistance is appreciated.
Marc.