AWP Practical 3-2

T.Y.B.Sc. (I.T.
) – Advanced Web Programming –Paper (III) [Your Roll No]
Practical No: [3]: Working with Web Forms and Controls
a) Create a simple web page with various sever controls to demonstrate setting and use
of their properties. (Example : AutoPostBack)
GUI:-
Source Code: - Html Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="card.aspx.cs"

Inherits="WebApplications.card" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form2" runat="server">
<div>

choose a background colour
<asp:DropDownList ID="dl1" runat="server" Height="20px" Width="127px">
</asp:DropDownList>

Page 1
T.Y.B.Sc. (I.T.) – Advanced Web Programming –Paper (III) [Your Roll No]
Choose a font


<asp:DropDownList ID="dl2" runat="server">
</asp:DropDownList>


Font size

<asp:TextBox ID="t1" runat="server" OnTextChanged="t1_TextChanged"></asp:TextBox>


Choose a border style

<asp:RadioButtonList ID="rb1" runat="server">
<asp:ListItem>None</asp:ListItem>
<asp:ListItem>Double</asp:ListItem>
<asp:ListItem>Solid</asp:ListItem>
</asp:RadioButtonList>


<asp:CheckBox ID="c1" runat="server" Text="Add a default picture" />


Greeting text

<asp:TextBox ID="t2" runat="server" Height="68px" Width="228px"></asp:TextBox>


<asp:Button ID="b1" runat="server" OnClick="b1_Click" Text="Update" style="height: 26px" />



</div>
<asp:Panel ID="p1" runat="server" Width="339px" Height="481px" HorizontalAlign="Center"
Style="POSITION: absolute; TOP: 16px; LEFT: 313px;" >
 
 
 
 
<asp:Label ID="Lp6" runat="server"></asp:Label>
 
 
 
 
 
 
<asp:Image ID="i1" runat="server" />
Page 2
</asp:Panel>
</form>
</body>
</html>
Source Code: - CS Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using System.Drawing.Text;
using System.ComponentModel;
namespace WebApplications
{
public partial class card : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
//Assign colours list
string[] colourArray = Enum.GetNames(typeof(KnownColor));
dl1.DataSource = colourArray;
dl1.DataBind();
//Assign font options

InstalledFontCollection fonts = new InstalledFontCollection() ;
foreach (FontFamily family in fonts.Families)
{
//Assign font
dl2.Items.Add(family.Name);
}
// Set border style options
string[] borderstyleArray = Enum.GetNames(typeof(BorderStyle));
rb1.DataSource = borderstyleArray;
rb1.DataBind();
dl1.SelectedIndex = 0;
}
}
protected void b1_Click(object sender, EventArgs e)

{
p1.BackColor = Color.FromName(dl1.SelectedItem.Text);
Page 3
Lp6.Font.Name = dl2.SelectedItem.Text;
if (c1.Checked)
{
i1.Visible = true;
i1.ImageUrl = "Images/Penguins.jpg";
}
else
{
i1.Visible = false;
}
Lp6.Text = t2.Text;
TypeConverter converter = TypeDescriptor.GetConverter(typeof(BorderStyle));
p1.BorderStyle = (BorderStyle)converter.ConvertFromString(rb1.SelectedItem.Text);
if (Int32.Parse(t1.Text) > 0)
{
Lp6.Font.Size = FontUnit.Point(Int32.Parse(t1.Text));
}
}
protected void t1_TextChanged(object sender, EventArgs e)

{
}
}
}
Output:-
Page 4
b) Demonstrate the use of Calendar control to perform following operations.
a) Display messages in a calendar control b) Display vacation in a calendar control
c) Selected day in a calendar control using style d) Difference between two calendar dates
GUI:-
Page 5
Source Code: - Html Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CalenderControl.aspx.cs"

Inherits="WebApplicationsDiv2.CalenderControl" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#3366CC"

BorderWidth="1px" CellPadding="1" DayNameFormat="Shortest" Font-Names="Verdana" Font-
Size="8pt" ForeColor="#003399" Height="200px" Width="220px" NextPrevFormat="ShortMonth"
OnDayRender="Calender1_DayRender" OnSelectionChanged="btnsetting_Click">
<DayHeaderStyle BackColor="#99CCCC" ForeColor="#336666" Height="1px" />
<NextPrevStyle Font-Size="8pt" ForeColor="#CCCCFF" />
<OtherMonthDayStyle ForeColor="#999999" />
<SelectedDayStyle BackColor="Red" Font-Bold="True" ForeColor="Yellow" />
<SelectorStyle BackColor="#000099" ForeColor="#336666" />
Page 6
<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" Font-

Bold="True" Font-Size="10pt" ForeColor="#CCCCFF" Height="25px" />
<TodayDayStyle BackColor="#99CCCC" ForeColor="White" />
<WeekendDayStyle BackColor="#CCCCFF" />
</asp:Calendar>
 
<asp:Button ID="btnsetting" runat="server" OnClick="btnsetting_Click" Text="Show Setting" />

<asp:Button ID="btnreset" runat="server" Text="Reset Settings" OnClick="btnreset_Click" />
 
 
<asp:Label ID="lbldates" runat="server"></asp:Label>
 
 
<asp:Label ID="Label2" runat="server"></asp:Label>
 
 
 
 
 
 
 
 
</div>
</form>
</body>
</html>
Source Code: - CS Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplicationsDiv2
{
public partial class CalenderControl : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
lbldates.Text = "You Selected these Dates: ";
foreach (DateTime dt in Calendar1.SelectedDates)
{
Page 7
lbldates.Text += dt.ToShortDateString() + " ";

}
}
protected void btnsetting_Click(object sender, EventArgs e)

{
Calendar1.Caption = "Harshal";
Calendar1.FirstDayOfWeek = FirstDayOfWeek.Saturday;
Calendar1.NextPrevFormat = NextPrevFormat.FullMonth;
Calendar1.TitleFormat = TitleFormat.Month;
Label5.Text = "Todays Date " + Calendar1.TodaysDate.ToShortDateString();
Label2.Text = "Ganpati Vacation Starts: 9-13-2018";
TimeSpan d = new DateTime(2018, 9, 13) - DateTime.Now;
Label3.Text = "Days Remaining for Ganpati Vacation: " + d.Days.ToString();
if (Calendar1.SelectedDate.ToShortDateString() == "9-13-2018")
{
Label4.Text = "Ganpati Festival Starts";
}
if (Calendar1.SelectedDate.ToShortDateString() == "9-23-2018")
{
Label4.Text = "Ganpati Festival Starts";
}
}
protected void Calender1_SelectionChanged(object Sender, EventArgs e)
{
Label4.Text = "You Selected Date= "+Calendar1.SelectedDate.Date.ToString();
}
protected void Calender1_DayRender(object sender,
System.Web.UI.WebControls.DayRenderEventArgs e)
{
if (e.Day.Date.Day == 5 && e.Day.Date.Month == 9)
{
e.Cell.BackColor = System.Drawing.Color.Red;
Label lbl = new Label();
lbl.Text = "Teachers day";
e.Cell.Controls.Add(lbl);
Image g1 = new Image();
g1.ImageUrl="Images/Desert.jpg";
g1.Height=20;
g1.Width=20;
e.Cell.Controls.Add(g1);
}
if (e.Day.Date.Day == 13 && e.Day.Date.Month == 9)
{
Calendar1.SelectedDate = new DateTime(2018, 9, 12);
Calendar1.SelectedDates.SelectRange(Calendar1.SelectedDate,
Calendar1.SelectedDate.AddDays(10));
Label lbl1 = new Label();
lbl1.Text = " Ganpati";
e.Cell.Controls.Add(lbl1);
}
Page 8
protected void btnreset_Click(object sender, EventArgs e)

{
lbldates.Text = " ";
Label2.Text = " ";
Label3.Text = " ";
Label4.Text = " ";
Label5.Text = " ";
Calendar1.SelectedDates.Clear();
}
}
}
Output:-
Page 9
Page 10

AWP Practical 3-2

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

AWP Practical 3-2

Transféré par

Droits d'auteur :

Formats disponibles

T.Y.B.Sc. (I.T.

) – Advanced Web Programming –Paper (III) [Your Roll No]

Practical No: [3]: Working with Web Forms and Controls

Source Code: - Html Code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="card.aspx.cs"

Source Code: - CS Code

//Assign font options

protected void b1_Click(object sender, EventArgs e)

protected void t1_TextChanged(object sender, EventArgs e)

b) Demonstrate the use of Calendar control to perform following operations.

a) Display messages in a calendar control b) Display vacation in a calendar control

Source Code: - Html Code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CalenderControl.aspx.cs"

<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#3366CC"

<TitleStyle BackColor="#003399" BorderColor="#3366CC" BorderWidth="1px" Font-

Source Code: - CS Code

lbldates.Text += dt.ToShortDateString() + "<br/>";

protected void btnsetting_Click(object sender, EventArgs e)

protected void btnreset_Click(object sender, EventArgs e)

Vous aimerez peut-être aussi