Hello, I have a problem with integrating the Kendo().Stepper() into my application. When I tried to add it in, the progress meter does not align with each point. Any idea of what causes this and how can I solve this?
Hello, I'm looking at the Stepper component e.g. (from a Telerik code sample and can't seem to find choices for icons.
I have looked at the documentation which points to web fonts but they don't seem right as I pasted in one or two of the icon names and get a blank step.
Thanks for any insight where to find a list of icon names to use in the Stepper.@(Html.Kendo().Stepper()
.Name("stepper")
.Orientation(StepperOrientationType.Horizontal)
.Label(Model.Label)
.Indicator(Model.Indicator)
.Steps(s =>
{
s.Add().Label("Begin").Icon("home");
s.Add().Label("Second").Icon("attachment").Error(true);
s.Add().Label("Third").Selected(true);
s.Add().Label("Fourth").Icon("user");
s.Add().Label("111");
s.Add().Label("Done").Icon("save");
})
)
Using MVC, I've placed a stepper in a container of a tilelayout with 4 tiles with a colspan of 4.
The colored background bar is contained to just the first "cell" on load. If I resize the page the stepper resizes to fit the entire width of the spanned container.
I went through the events for the tile lay out and the stepper, but I found nothing that seems to facilitate the ability to capture and resize the stepper when the tile layout has finished loading using jquery.