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 }); }
If you want to add some controls on your web browser, i mean to say if you want to add controls on run time then you can easily dome with any script control, without using c# code. So, here i used Java Script code to add controls on a page. And your code is Index.cshtml <form method="post"> <div id="firstdiv"> <input type="text" name="testinput" /> <input type="button" value="add dynamic" onclick="DynamicText()"/> </div> <input type="submit" value="submit"/> </form> JS----file function DynamicText() { var division = document.createElement('DIV'); division.innerHTML = DynamictextBox(""); document.getElementById("firstdiv").appendChild(division); } function DynamictextBox(value) { return '<div><input type=&q