In this post, we will see how to render given below bootstrap Tab script in Asp.net MVC 5 view.
Here the number of tabs displayed in view would depend on count of members in the list.
2. Define Member class as follows in “Member.cs” file
- public class Member
- {
- public int Id { get; set; }
- public string Name { get; set; }
- }
- public ActionResult Create()
- {
- List<Member> members = new List<Member>();
- members = GetMemberList();
- return View(members);
- }
- private List<Member> GetMemberList()
- {
- List<Member> members = new List<Member>();
- members.Add(new Member{ Name = "member1" });
- members.Add(new Member { Name = "member2" });
- members.Add(new Member { Name = "member3" });
- members.Add(new Member { Name = "member4" });
- members.Add(new Member { Name = "member5" });
- return members;
- }
4. Using CSS classes, we can create a tabscript in our “create.cshtml” as shown below:
Join the conversation! Your thoughts help the community grow.