This is a migrated thread and some comments may be shown as answers.
How to use either the new Form or Wizard as a popup editor
1 Answer 23 Views
This is a migrated thread and some comments may be shown as answers.
Bas
Top achievements
Rank 1
Bas asked on 18 Jul 2020, 03:03 AM

I am trying to use either the new Form or Wizard widget as a popup editor, but it does not bind the data item to the widget.
Is this supported? Is there a way I can archive this?

Thanks

1 Answer, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 22 Jul 2020, 01:57 PM

Hello Bas,

The Form and the Wizard components are quite new and such integration is not yet supported. The Grid has a separate implementation for rendering its popup fields that interferes with the Form component. The correct way to achieve the desired result is to first integrate the From component inside the Grid as a built-in editor and also allow for rendering the Form with custom configuration if a template is specified.

We already have a Feature Request on this functionality and I would urge you to vote on it, so it moves ahead in our priority queue:

https://feedback.telerik.com/kendo-jquery-ui/1468032-utilize-the-new-form-component-in-the-grid-edit-popup

If the requirement is to achieve ta similar look as the Form as a temporary workaround you could try to build a custom template using the Form markup classes to achieve a similar look, for example:

 

@model MyApp.Models.ProductViewModel

<div class="k-form">
    <fieldset class="k-form-fieldset">
        <legend class="k-form-legend">Edit Form</legend>

        <div class="k-form-field">
            @Html.LabelFor(model => model.ProductID, new { @class = "k-label" })
            <div class="k-form-field-wrap">
                @Html.TextBoxFor(model => model.ProductID, new { @class = "k-textbox" })
            </div>
        </div>

        <div class="k-form-field">
            @Html.LabelFor(model => model.ProductName, new { @class = "k-label" })
            <div class="k-form-field-wrap">
                @Html.TextBoxFor(model => model.ProductName, new { @class = "k-textbox" })
            </div>
        </div>
    </fieldset>
</div>

 

Regards,
Aleksandar
Progress Telerik

Tags
Grid
Asked by
Bas
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Share this question
or