OnActiveStepChanged messing my navigatin bar

[Yan]

Hi, I've implemented the radWizard. 

 

When I add "OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged",  backend code will be called for every step changed.  However,  doing this will mess my navigation bar.  All stepe become grayed out except step 1.

 

Hete is my code front end :

<telerik:RadWizard RenderMode="Auto" ID="RadWizardEntreprise" CssClass="RadWizardEntreprise" runat="server" OnClientLoad="OnClientLoad" OnClientButtonClicking="OnClientButtonClicking" OnActiveStepChanged="RadWizardEntreprise_ActiveStepChanged">
            <WizardSteps>            
                <telerik:RadWizardStep ID="EtapeContractantInfoBase" runat="server" Title="Vos Informations Personnelles" CausesValidation="true" ValidationGroup="InfosBase">
                    <uc1:CtlContractantInfosBase runat="server" ID="CtlContractantInfosBase" />    
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="EtapeContractantAdresse" runat="server" Title="Votre Adresse" CausesValidation="true" ValidationGroup="InfosContractantAdresse">
                    <uc1:CtlContractantAdresse runat="server" ID="CtlContractantAdresse" />    
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="EtapeContractantContact" runat="server" Title="Contact" CausesValidation="true" ValidationGroup="InfosContractantContact">
                    <uc1:CtlContractantContact runat="server" ID="CtlContractantContact" />    
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="EtapeEntrepriseInfoBase" runat="server" Title="L'Entreprise" ValidationGroup="EntrpriseInformationsBase">
                    <uc1:CtlEntrepriseInformationsBase runat="server" ID="CtlEntrepriseInformationsBase" />    
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="EtapeEntrepriseCouverture" runat="server" Title="Couverture" ValidationGroup="EntrepriseCouverture">
                    <uc1:CtlEntrepriseCouverture runat="server" ID="CtlEntrepriseCouverture"/>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="EtapeAbonnement" runat="server" Title="Abonnement" ValidationGroup="Abonnement">
                    <uc1:CtlAbonnements runat="server" ID="CtlAbonnements" />
                    <uc1:CtlNotes runat="server" ID="CtlAbonnements1" />                    
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>

 

and my backend code that does nothing for now :

    protected void RadWizardEntreprise_ActiveStepChanged(object sender, EventArgs e)
    {
        int activeStepIndex = (sender as RadWizard).ActiveStep.Index;
    }

 

So question is why my progress bar become grayed out when I add the server side binding.

 

Thank you!

 

 

[Ivan Danchev]

Hello Yan,

I attached a sample runnable page and a user control that I used to test your code. At my end the navigation works correctly and no step becomes grayed out. Please modify the attached sample page so that it reproduces the issue and post your modifications for further review.

Regards,
Ivan Danchev
Telerik by Progress

[Yan]

it worked perfectly thank you

[Ivan Danchev]

Hello Yan,

I am glad we were able to help and the Wizard works as expected.

Regards,
Ivan Danchev
Telerik by Progress