When you try to use Wizard with only one step inside, the following error appears:
"ArgumentException: The "Max" value should be greater than 0."
If you have more than one step, everything works as expected.
----------ADMIN EDIT-----------
To avoid the exception, you can use at least two steps inside the Wizard.
The keyboard navigation built into the Wizard control conflicts with DatePicker. When I used the up down arrows to change the date it causes the wizard to move to the next page.
I am able to reproduce this same issue right on the demo page Blazor Wizard Demos - Overview | Telerik UI for Blazor
Steps to Reproduce.
1. Complete the required password.
2. select the date field and use the up down arrow keys.
I'm not aware of any workaround since we cannot disable keyboard navigation on the Wizard control.
The disable option is still showing the step and it is not good for me. I have 35 types of transactions and all of them have generic and specific step.
---
ADMIN EDIT
Here is a potential workaround - basic conditional markup can add or remove steps. The key thing is that they will be added to the end of the wizard if they had not been rendered. To showcase this I put the conditional step in the middle.
If you have complex steps, you can work around this by creating a collection of descriptor models for the list of steps and create the steps based on that collection, where you can keep the VIsible flag, in a fashion similar to this example for the TabStrip.
<TelerikButton OnClick="@ToggleStep">Toggle attachments step visibility</TelerikButton>
<TelerikWizard @bind-Value="@CurrStepIndex">
<WizardSteps>
<WizardStep Label="Personal Details" Icon="user">
<Content>
content here
</Content>
</WizardStep>
@if (AttachmentsStepVisible)
{
<WizardStep Label="Attachments" Icon="paperclip">
<Content>
conditional content here
</Content>
</WizardStep>
}
<WizardStep Label="Confirmation" Icon="check">
<Content>
other content here
</Content>
</WizardStep>
</WizardSteps>
</TelerikWizard>
@code {
bool AttachmentsStepVisible { get; set; }
int CurrStepIndex { get; set; }
void ToggleStep()
{
// defence against hiding the step when it is the last step, which would cause an exception
if(AttachmentsStepVisible && CurrStepIndex == 2)
{
CurrStepIndex = 1;
}
//the actual visibility toggle
AttachmentsStepVisible = !AttachmentsStepVisible;
}
}
---