integration of forms and tabstrips in asp.net core

[Donato de Philippis]

is it possible to create a form with items in different tabs of a tabstrip control 

[Eyup]

Hello Donato,

 

Thank you for reaching out.

You can have both of the scenarios:

1. Form within a TabStrip view using the .Content() approach:
https://demos.telerik.com/aspnet-core/tabstrip

2. TabStrip with a Form inside using the  .EditorTemplateHandler("") approach:
https://demos.telerik.com/aspnet-core/form

Can you please check these samples and let me know which one would work for you?

 

Regards,
Eyup
Progress Telerik

[Donato de Philippis]

Thanks Eyup,

 

I did not explain properly my problem. I need to create forms with a high number of item, and instead of having a long page that requires scrolling, I would like to have a form that contains a tabstrip and the items distributed inside the various tabs. So that the user does not need to scroll, but selects the tab containing the items to fill.

Let me add one more requirement: in some cases we also need to insert between the items a grid (read only).

All the above was done with your Ajax controls, not using the form control: I assume we could use the same approach but using the form control seems an interesting option, if feasible.

[Eyup]

Hi Donato,

There are many different ways to go for the described requirement. I have prepared a list with several options:

1. https://demos.telerik.com/aspnet-core/grid/aggregates 
2. https://demos.telerik.com/aspnet-core/listview/grouping 
3. https://demos.telerik.com/aspnet-core/tilelayout 
4. https://demos.telerik.com/aspnet-core/wizard 
5. https://demos.telerik.com/aspnet-core/panelbar 
6. https://demos.telerik.com/aspnet-core/expansionpanel 

Which one of these different structures you prefer? Once I got your answer, I can proceed with creating a basic sample.

Also, can you send me some drawings or images demonstrating the end result?

[Donato de Philippis]

This is the example of what we need: A very vomplex form with hundred fields, and tabs that show only a subset of fields

[Eyup]

Thank you for sharing this snapshot. It makes the situation more clear.

Since you have multiple layers of inputs and Tab views, the Telerik Form is not suitable by itself. It implements .Items() collection which ease up the process of creating a single one-layer type of a <form>, but in your case you rather need a common container and handle the submit manually in one general big javascript logic.

To achieve that, I highly suggest that you use the default HTML <form> tag or the ASP.NET Core @Html.BeginForm() construct:
https://learn.microsoft.com/en-us/dotnet/api/microsoft.aspnetcore.mvc.viewfeatures.htmlhelper.beginform?view=aspnetcore-9.0

Here are some examples:
- https://www.completecsharptutorial.com/asp-net-mvc5/html-beginform-example-tutorial-aspnet-mvc5.php 
- https://stackoverflow.com/questions/26574312/how-does-html-beginform-work-and-search-result-in-microsoft-asp-net-mvc-5-tu 
- https://www.c-sharpcorner.com/UploadFile/3d39b4/working-with-html-beginform-and-ajax-beginform-in-mvc-3/