I want to show Components in a tabs , so first of all create few components. In this project we have three components, First View Component public class AllViewComponent : ViewComponent { private readonly UserManager<ApplicationUser> _userManager; public AllViewComponent(UserManager<ApplicationUser> userManager) { _userManager = userManager; } public async Task<IViewComponentResult> InvokeAsync() { List<StudentViewModel> allUsers = new List<StudentViewModel>(); var items = await _userManager.Users.ToListAsync(); foreach (var item in items) { allUsers.Add(new StudentViewModel {Id=item.Id, EnrollmentNo = item.EnrollmentNo, FatherName = item.FatherName, Name = item.Name, Age = item.Age, Birthdate = item.Birthdate, Address = item.Address, Gender = item.Gender, Email = item.Email }); }
public class PersonViewModel { public string Name { get; set; } public string FatherName { get; set; } } public class PeopleViewModel { public List<PersonViewModel> People { get; set; } } Home Controller public IActionResult People() { return View(); } [HttpPost] public IActionResult People(PeopleViewModel vm) { return View(); } cshtml file @model dynamicTextBox.Models.PeopleViewModel @{ ViewData["Title"] = "People"; } <h2>People</h2> <h4>PeopleViewModel</h4> <hr /> <div class="row"> <div class="col-md-4"> <form asp-action="People"> <div asp-validation-summary="ModelOnly" class="text-danger"></div> <div class="singlePerson">