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 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
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.
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.