Blazor Web Form Conditional Visibility of Fields

2 Answers 155 Views
Form
David
Top achievements
Rank 2
Iron
David asked on 12 Jun 2022, 05:08 AM | edited on 13 Jun 2022, 01:30 PM

With a Blazor razor page, is there any way of having a FormItem Field conditionally visible in a TelerikForm dependant upon another field?

Use case is where details about person are filled in by the person in question OR a second person.

The second person details are only required if the submiiter isn't the person in question. 

The only ways I can think of doing this thus far are:

  • Have two versions of the page, with a third directing page
  • Have two versions of the form with only one visible depending upon the state of the condition.

Both are not scalable if in the model there are several conditional fields. :(

2 Answers, 1 is accepted

Sort by
1
Accepted
Benjamin
Top achievements
Rank 2
Iron
answered on 16 Jun 2022, 07:42 AM

Yes, you can use a simple if-statement for that, as the ChildFragment of <TelerikForm> can contain razor code.

Example:

<TelerikForm Model="@MyModelObject">

<FormField Field="@nameof(MyModelClass.Person)">

  <Template>...do stuff...</Template>

</FormField>

@if(string.IsNullOrEmpty(MyModelObject.Person)) {

<FormField Field="@nameof(MyModelClass.SecondPerson)">

  <Template>...do stuff...</Template>

</FormField>

}

</TelerikForm>

 

@code {

private MyModelClass MyModelObject {get;set;}

}

David
Top achievements
Rank 2
Iron
commented on 21 Jun 2022, 07:25 AM

I did try something liek that. Mustn't have correctly bracketed the FormField.
David
Top achievements
Rank 2
Iron
commented on 21 Jun 2022, 07:26 AM

Next question. How do conditionals on the context in a Grid? I'll post that.
0
Hristian Stefanov
Telerik team
answered on 23 Jun 2022, 08:56 PM

Hi David,

I'm glad to see that upgrading to the last version solved the case.

Here is the public post about the last question for visibility: How to conditionally display grid cell data based upon the row context?.

I'm marking the case as closed.

Regards,
Hristian Stefanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Form
Asked by
David
Top achievements
Rank 2
Iron
Answers by
Benjamin
Top achievements
Rank 2
Iron
Hristian Stefanov
Telerik team
Share this question
or