Telerik Forums
UI for ASP.NET Core Forum
1 answer
40 views

Good morning, I have the problem you see in the two images above, Is there anyone with the same problem who maybe solved it?
The problem appeared after updating from version 2022.2.802 to version 2023.2.829.
The two steppers are configured as follows:


@(Html.Kendo().Stepper()
    .Name("stepper")

        .Linear(false)
    .Orientation(StepperOrientationType.Horizontal)
    .Steps(s =>
    {
        for (int i = 0; i < (Model.ClaimStatusFlows.Count()); i++) {

            if (Model.Claim.ZQwaFlowStatus == Model.ClaimStatusFlows[i].IdQda)
            { selected = true;
                enabled = true;
            }
            else { selected = false; enabled = false;
            }
            s.Add().Label(Model.ClaimStatusFlows[i].Code).Selected(selected).Enabled(enabled);
        }

    }))


@(Html.Kendo().Stepper()
                                .Name("act_status")
                                .Indicator(false)
                                .Orientation(StepperOrientationType.Horizontal)
                                .Steps(s =>
                                {
                                    for (int i = 0; i < Model.ListActionStatus.Count(); i++)
                                    {
                                        if (Model.actions_status == Model.ListActionStatus[i].StatusValue)
                                        {
                                            s.Add().Label(Localizer[Model.ListActionStatus[i].StatusName].Value.ToString()).Selected(true).Enabled(true);
                                        }
                                        else
                                        {
                                            s.Add().Label(Localizer[Model.ListActionStatus[i].StatusName].Value.ToString()).Enabled(false);
                                        }
                                    }
                                })
                        )

and as additional css there are these two things:

    .k-step-text {
        max-width: 150% !important;
    }

    .k-step-label {
        max-width: 150% !important;
    }
I also tried to force the z-index of the k-step-indicators, but to no avail as it remains exactly the same.
Mihaela
Telerik team
 answered on 25 Oct 2023
1 answer
304 views

I have a Telerik Window with an Telerik Wizard as its content.

I've implemented 7 steps. In the first step I have an Radiogroup. Depending of the groups value i disable step 2 and 3 and if I click "Next"-Button I want to skip them and jump to step 4.

Here are some code snippets:

 

OnChange event of the RadioGroup in step 1:
function onChangeCancelType(radioGrp) { 

        var $j = jQuery.noConflict(); 
        var wizard = $j("#CancelWizard").data("kendoWizard"); 

        if (radioGrp.newValue === '1') { 
            wizard.enableStep(1, true); 
            wizard.enableStep(2, true); 
        } else { 
            wizard.enableStep(1, false); 
            wizard.enableStep(2, false); 
        } 
    } 

 

OnClick event of Next-button:


function onClickStep1(e) { 
        e.preventDefault(); 
        var $j = jQuery.noConflict(); 
        var wizard = $j("#CancelWizard").data("kendoWizard"); 
        var radioGrp = $j("#CancelType").data("kendoRadioGroup"); 

        if (radioGrp.value() === '2') { 
            wizard.select(3); 
        } else {
            wizard.select(1);
        }
    } 

 

What happens is, that in case of selecting Radiogroup value 2 the wizard jumps to step 5 instead of step 4.

I'm sure there is something stupid I oversee here.

Thank's for help

Timo

Mihaela
Telerik team
 answered on 24 Mar 2022
2 answers
69 views

If my main process is 12345 will this control accommodate the real-life process that does a 13245 once in a while?  I don't want step 3 to require step 2 to be finished step 2 may be outstanding.  On the extreme, can all 5 steps be independent of each other?  

So, what I'm saying is that instead of the process taking steps all the time; sometimes it trips.

Joel
Top achievements
Rank 2
Iron
Iron
Iron
 answered on 15 Sep 2020
1 answer
227 views

I have this stepper that I am forcing the selection to index 2. 

-- this is the script part

$(document).ready(function () {
        var stepper = $("#meetingSessionStepper").data("kendoStepper");
        stepper.select(2);
        
    });

function onSelectStep(e) {

       ----- This is not triggered when the page loads
       
    }

 

--- this is the control

 @(Html.Kendo().Stepper()
            .Name("meetingSessionStepper")
            .Linear(false)
            .Orientation(StepperOrientationType.Horizontal)
            .Steps(s =>
            {
                s.Add().Label("Preparation");
                s.Add().Label("Start Lesson");
                s.Add().Label("Attendance");
                s.Add().Label("Session Notes");
                s.Add().Label("End Lesson");
            })
            .Events(events => events.Select("onSelectStep"))
    )

But for some reason, my event method onSelectStep is not being triggered when the page loads. This method though is triggered when manually clicking the step from the stepper control.

 

Anton Mironov
Telerik team
 answered on 27 May 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?