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 }); }
Introduction
AlwaysVisibleControlExtender enables you to fix a given control to one of the page corner so that the control appears to float in the background when the page is scrolled or re-sized . This extender can target any of the controls that you want to be visible on the page always.Lets take an Example
Copy This code and paste your web form (Before copy you must add ajax control tool kit to your project)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="customlogincontrol.aspx.cs" Inherits="customlogincontrol" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<asp:Panel ID="Panel1" runat="server">
<asp:Image ID="Image1" runat="server" Height="118px" ImageAlign="Left" ImageUrl="~/Images/HTC.png" Width="110px" />
Welcome to dotprogramming.blogspot.com<br />
<asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server" TargetControlID ="Panel1" HorizontalOffset ="10" VerticalOffset ="10" HorizontalSide ="Right" VerticalSide ="Top" ScrollEffectDuration="1.0" ></asp:AlwaysVisibleControlExtender>
<br />
</asp:Panel>
<div>
Write much more text then page has scrolled.
</div>
</div>
</form>
</body>
</html>
Output:
Property of the AlwaysVisibleControlExtender
TargetControlID : Set the ID of the control which you want to make visible
HorizontalOffset: Set the distance of the target control to the Horizontal Side edge of the browser . The default distance is 0 pixel.
HorizontalSide : Set the target control using the horizontal Edge of the browser ( left, center, or right) . The Default value is left.
VerticalOffset : Set the distance of the target control to the vertical side edge of the browser . The default distance is 0 pixel.
VerticalSide: Set the target control using the Vertical edge of the browser (Top,Middle , or Bottom ) . The default value is top.
ScrollEffectDuration : Set the Time to last the scrolling effect while re-positioning the target control . The Default value is 0.1 second.
Comments
Post a Comment