I added a TelerikWizard with five WizardSteps on a page. No child components, all code directly inside the different steps. Navigating back and forward between the steps works fine, all steps/controls keeps their user input data/state.

After a while I had so much content that I wanted refactor some of the steps into components. I made the first component and added it to one of the steps:

<WizardStep ...
<Content>
    <TransferLocationTables @ref="refTransfer" LocationId="@VM.SelectedLocation.Id" />
</Content>
...

Now when I navigate to that specific step the component is always "reset" and I have to rearrange the data loaded from the DB again, which kind of defeats the whole idea with those steps and being able to go back and forth between them.

When I go one step back I can see in the debugger that the component still got all the internal data. As soon as I go forward to that step everything is empty again. Also noticed the components overriden OnParametersSet and OnInitializedAsync methods are called each time I navigate there so clearly the whole component is "reinitialized" and thus loosing the data.

So, is this changed behavior due to that when I had all code in the TelerikWizard everything behaved as a single component and thus all data persisted (didn't really leave it), but when I add child components they will automatically reinitialize everytime their step is rendered?

I guess I could persist the individual child components state by saving it to the DB and load it everytime I enter that step again, but I'm hoping there is a simpler soluton that I've overlooked (I'm fairly new with coding Blazor but coded .NET for a long time).

We have a need to enable non-linear access to our wizard. However, at the final confirmation page, we need to validate the user has completed the forms. There appears to be a bug that we cannot check if each form is valid on the final page. I've put together an example that shows 3 pages. When clicking next, I'm calling validate on each form then displaying the boolean value from each form in a dialog box. You can see that when a form is not visible to the user, the validate method always returns true.

Is there a workaround we can implement until this is fixed by Telerik?

https://blazorrepl.telerik.com/myEnGhbz35WxeVpM30

I want to separate Wizard or Stepper into separate Blazor components.

Someone that can guide me how to separate the Wizard steps into different components? I struggle to make validation work and the step logic work with parameter or cascading value.

I cannot just follow Wizard Form Integration because I need more steps and my own UI in each step so my file will be too big.

I can only show the wizard right now with sending it from ""parent" to "child" but validation and step logic doesnt work.

Should i looking at Stepper instead of Wizard? or have someone an example?

TelerikWizard @bind-Value="@Value" OnFinish="@OnFinishHandler" >
            <WizardSteps>
                        <PersonalInformationTwo
                            applicationModel="@applicationModel"
                            personalInformationForm="@personalInformationForm"/>

Hello,

We are using a TelerikWizard with WizardStepperSettings Linear="false" and would like to move the labels inline with the step indicators. See this example picture:

Is dat possible?

Regards,

  -Edo

hi,

I recall being told I would have access to source code once I buy a licence.

Now that I have a licence, how do I get access to the source so I can do a local build?

I a working on an app that has x number of steps depending user configuration.   I need to be able to call a service to load the model that I pass into the step.  However, I have not had any success finding an event.  I also tried using the OnInitialized within the component inside the step.  But that has not worked either.  Is there any event which will fire before the parameter is passed to the component within the step. 

Note: I really want contain it within the step because I have no way of know which steps are available without some complex logic.

Hey!

Is there a way for me to change the colors of the Wizard Stepper?

I figured out that I can write css in my component that will override the css on the buttons, but I cannot figure out how to change the colors on the stepper. I'm terrible at css and am actually begining to work with Tailwind.

Used this to override the button: