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 }); }
Range controls are used to get or set numeric values that falls within a specified range. These controls are inherited from an abstract class RangeBase, which provides basic features. Some common properties of these controls, mostly used are:
<Slider Name="slider" Minimum="0" Maximum="100" Value="25" Height="25" Width="300">
</Slider>
Run the code and the slider control is on your screen, with value 25- defined above.
Ticks can be used to place the slider on exact position. We can enable ticks by using the property TickPlacement. It have four values i.e. None, Both, TopLeft and BottomRight.
- Minimum: get or set the minimum value of the control. By default it is zero.
- Maximum: get or set the maximum value of the control. By default it is Ten.
- Value: get or set the current value of the control. By default it is zero.
<Slider Name="slider" Minimum="0" Maximum="100" Value="25" Height="25" Width="300">
</Slider>
Run the code and the slider control is on your screen, with value 25- defined above.
Ticks can be used to place the slider on exact position. We can enable ticks by using the property TickPlacement. It have four values i.e. None, Both, TopLeft and BottomRight.
- None: it will give a simple look as in above image.
- TopLeft: the ticks will placed on left with vertical orientation and top with horizontal.
- BottomRight: the ticks will placed on right with vertical orientation and bottom with horizontal.
- Both: It is used on both left and right, when the orientation is vertical.
Comments
Post a Comment