Unplanned
Last Updated: 17 Oct 2021 07:58 by Paul Wood

The Validation does not trigger when I load my model from an async method.

 

<AdminEdit>

A workaround for the time being:

@inject HttpClient http
@using System.ComponentModel.DataAnnotations

<TelerikForm @ref="@EditForm" 
             Model="@TheCatFactTelerik" 
             ValidationMessageType="@FormValidationMessageType.None">
    <FormValidation>
        <ValidationSummary />
    </FormValidation>
    <FormItems>
        <FormItem Field="fact">
        </FormItem>
    </FormItems>
    <FormButtons>
        <TelerikButton ButtonType="ButtonType.Submit" Primary="true">Apply</TelerikButton>
    </FormButtons>
</TelerikForm>

@code {
    public TelerikForm EditForm { get; set; }

    public CatFact TheCatFactTelerik = new CatFact();

    public EditContext editContext { get; set; }

    protected async override Task OnInitializedAsync()
    {
        TheCatFactTelerik = await http.GetFromJsonAsync<CatFact>("https://catfact.ninja/fact");
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        EditForm.EditContext.AddDataAnnotationsValidation();
    }

    public class CatFact
    {
        [Required(ErrorMessage = "Required Error Text")]
        [MinLength(10, ErrorMessage = "Min Length 10")]
        public string fact { get; set; }
        public int length { get; set; }
    }
}

</AdminEdit>

Unplanned
Last Updated: 30 Sep 2021 06:37 by ADMIN
Created by: Damien
Comments: 0
Category: Form
Type: Feature Request
1

Currently, the Form component does not provide indexer support, or binding to an item of collection. For reference of the feature, you could observe the following documentation of the WPF suite:

https://docs.telerik.com/devtools/wpf/controls/radpropertygrid/features/indexer-support

Unplanned
Last Updated: 28 Sep 2021 16:09 by ADMIN

As per the current component configuration, when the EditContext changes, the Form descendants are not disposed and recreated. Thus when the change occurs, you need to explicitly add any validation (be that DataAnnotationsValidation or custom one).

This request serves for indicating research on how the Form behavior could be improved upon changing the EditContext.

Completed
Last Updated: 30 Aug 2021 05:16 by ADMIN
Created by: Marcus
Comments: 1
Category: Form
Type: Feature Request
2

I need a way to use TelerikForms and make it responsive for various display sizes.

Here is what I'm trying to accomplish: I have a TelerikForm with 5 columns. it looks nice horizontally on the screen, but I need it to respond to screen size and start stacking vertically when the screen is shrunk.

 

 

Unplanned
Last Updated: 25 Aug 2021 07:26 by ADMIN

Here is a TelerikForm with a FormItem (1) for a boolean field. Another FormItem (2) should render, depending on the boolean field (1). This does not work with a TelerikForm, but works with a standard EditForm.

The workaround for a TelerikForm is to use a FormItem Template with a TelerikCheckBox. This is demonstrated below as well.

<EditForm Model="@_data">
    <label>Condition 1 (InputCheckbox):</label>
    <InputCheckbox @bind-Value="@_data.Value1" />
    <br />
    @if (_data.Value1)
    {
        <label>Result 2</label>
        <InputCheckbox DisplayName="Result 2:" @bind-Value="@_data.Value2"></InputCheckbox>
    }
</EditForm>

<h1>TelerikForm</h1>

<TelerikForm Model="@_data">
    <FormItems>
        <FormItem LabelText="Condition 1 (FormItem):" Field="@nameof(_data.Value1)"></FormItem>
        <FormItem>
            <Template>
                <label for="x">Condition 1 (TelerikCheckBox):</label>
                <br />
                <TelerikCheckBox Id="x" @bind-Value="_data.Value1" />
            </Template>
        </FormItem>
        @if (_data.Value1)
        {
            <FormItem LabelText="Result 2:" Field="@nameof(_data.Value2)"></FormItem>
        }
    </FormItems>
</TelerikForm>

@code {
    private ExampleDto _data { get; set; } = new ExampleDto();

    public class ExampleDto
    {
        public string TextValue { get; set; }
        public bool Value1 { get; set; }
        public bool Value2 { get; set; }
    }
}

Unplanned
Last Updated: 25 May 2021 14:46 by ADMIN

Telerik TextBox for string is nice but what about something like [DataType(DataType.MultilineText)] for TextArea?

Forms should really come with Text Area.  It seems like a good one to do next.


Blazor Form Overview | Telerik UI for Blazor

---

ADMIN EDIT

An idea is that perhaps other data type annotations could be used - perhaps Date, DateTime, TIme can switch different date/time pickers, Html can generate the HTML editor, Password can set a textbox with the Password type

---

Unplanned
Last Updated: 23 Apr 2021 07:42 by ADMIN
Created by: Marc Simkin
Comments: 0
Category: Form
Type: Feature Request
3
I want to be able to style some of its elements in a specific way and I cannot target them at the moment.
Declined
Last Updated: 16 Mar 2021 15:58 by ADMIN
Created by: Stewart
Comments: 2
Category: Form
Type: Bug Report
0

I have a simple TelerikForm using required validation but for some reason when I set the model via an async call to the server the validation doesn't fire. I am using the same form when I add a new item and the validation is working fine.

 

Unplanned
Last Updated: 01 Mar 2021 05:06 by ADMIN
Created by: Douglas
Comments: 0
Category: Form
Type: Feature Request
3
It will be beneficial to have an event that is fired on update of the Model. Currently, the only workaround is to use the FieldChanged event of the EditContext.