Unplanned
Last Updated: 18 Sep 2024 09:14 by ADMIN
Created by: Alistair
Comments: 0
Category: Wizard
Type: Feature Request
3

Currently, the Content function for Steps in a Wizard only accepts a string value (see API here). 
This means that in order to add a partial view (bound to the current model and its properties), the most straightforward way I could find was to put the partial view (and any wrappers) in its own file and add an extension method "ToHtmlString()". For example:

@model MyModel

@(Html.Kendo().Wizard().Steps(step => {

step.Add().Content(Html.Partial("~/Path/To/View/Wrapper.cshtml", Model).ToHtmlString());

})

using Microsoft.AspNetCore.Html;
using System.IO;

public static class HtmlContentExtensions
{
    public static string ToHtmlString(this IHtmlContent htmlContent)
    {
        if (htmlContent is HtmlString htmlString)
        {
            return htmlString.Value;
        }

        using StringWriter writer = new();
        htmlContent.WriteTo(writer, System.Text.Encodings.Web.HtmlEncoder.Default);
        return writer.ToString();
    }
}
This is not ideal, as it requires the usage of Html.Partial (which displays a warning in the latest versions of .NET 8). It is also awkward as it sometimes means that new view files need to be created for the explicit purpose of being a "wrapper" even though they do not contain much content. And lastly, it also requires an extension method, so it's not immediately easy for other Telerik users to use.

In the Telerik TabStrip, a better approach is possible, as the Content for Items can take in a function which accepts Razor syntax (see API here). For instance:

@model MyModel @(Html.Kendo().TabStrip().Items(tabstrip => { tabstrip.Add()

.Content(@<div id="@Model.TabContainer" class="myTabWrapperClass">

@await Html.PartialAsync("~/Path/To/View.cshtml", Model)

</div>); })

In this case, we can use Html.PartialAsync (avoiding .NET 8 warnings), we don't need an extension method, and it is easy to add any required "wrapping" such as a div with an ID, without needing a whole separate view.

If we had the option to use the same approach with Wizard Steps, that would be ideal!

Unplanned
Last Updated: 03 Jun 2024 05:51 by Stuart
Created by: Stuart
Comments: 0
Category: Wizard
Type: Feature Request
0
Currently, the TagHelper Wizard does not expose a tag attribute which would dictate whether the component will behave as a regular "form or "div" - https://docs.telerik.com/aspnet-core/api/kendo.mvc.ui.fluent/wizardbuilder#tagsystemstring
Unplanned
Last Updated: 25 Mar 2024 13:01 by ADMIN

Currently, the Wizard displays any server-side errors that are added to the ModelState in the respective form fields within the Wizard steps (which is great).

The problem is that those errors are not "cleared" when the field is edited/changed. This prevent the form from being posted or the user to move to the next step if the form validation is enabled within the Wizard.

The only way to work with server-side error in the wizard form at the moment is to either disable form validation altogether or to attach an "onchange" event to each of the fields and clear any server-side errors manually once the field is changed.

Both solutions are far from ideal. It would be great if this was part of the default behaviour of the wizard form (like it already is for client-side errors).

Unplanned
Last Updated: 03 Apr 2023 13:10 by ADMIN

In a Wizard with form integration, once you click on the "Done" button, the form is posted to the server, if the server returns the page with any errors in the ModelState, the wizard is displayed again from the first step and any errors are added to their respective fields.

The problem is that if the errors are not in the first step, the user simply sees the Wizard returning to the first step with no obvious indication of why. Only when he navigates to the next steps he will understand that an error was found. If the Wizard has many steps and the error in only in the last ones, the user can get confused.

It would be nice if the wizard could display an icon/badge on top of the step icon indicating that an error was found in that step.

Unplanned
Last Updated: 12 Dec 2022 19:07 by Bas
Created by: Lucas
Comments: 1
Category: Wizard
Type: Feature Request
3
Unlike the regular Form the Wizard's Form Integration doesn't allow .HtmlAttributes to be added to it. This is need to pass custom Actions, Ids and Classes to the Form.
Completed
Last Updated: 28 Nov 2022 12:04 by ADMIN
Release R1.2023-Increment.2(07.Dec.2022)

Currently, to set a field's label and text the Wizard's Label() and Title() options must be used:

items
	.Add()
	.Field(p => p.DropdownId)
	.Label(l => l.Text("Dropdown"))
	.Title("Dropdown")

It would be helpful if the Wizard can be configured to get these from the data annotation attributes in the model:

[Display(Name = "Dropdown")]
public int DropdownId{ get; set; }

Unplanned
Last Updated: 30 Jun 2022 09:53 by Don Leduc
Created by: Don Leduc
Comments: 0
Category: Wizard
Type: Feature Request
0

Is it possible to implement an option to change the position of the Wizard ActionBar (Buttons and Pager elements)?

For example:

Unplanned
Last Updated: 15 Jun 2021 13:44 by ADMIN
Created by: Mark
Comments: 0
Category: Wizard
Type: Feature Request
1

Currently, when a Telerik UI Form is nested inside a Telerik UI Wizard, the user should click twice on the Submit button after they have changed a field. 

Steps to replicate: 

1. Nest a form inside a Wizard.

2. Change a field in the form.

3. Click on the submit button.

4. The form is not submitted as the blur validation consumes the click. The user has to click the button submit again.

Short video demonstration:

http://somup.com/cr1oICqpnl