RichControl in Asp.net
9,685 views
29 slides
Apr 03, 2014
Slide 1 of 29
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
About This Presentation
No description available for this slideshow.
Slide Content
1
Rich Control In Asp.net
Rich Control In Asp.net
2
•
What is Rich Control ?
•
AdRotator Control and Example
•
File Upload Control and Example
•
Multiview Control and Example
•
Calender Control and Example
•
Wizard Control and Example
•
Advantage
•
Reference
Content
Rich Control
•
What is Rich Control ?
•
AdRotator Control and Example
•
File Upload Control and Example
•
Multiview Control and Example
•
Calender Control and Example
•
Wizard Control and Example
•
Advantage
•
Reference
Content
Rich Control
3
What is Rich Control..??
•
The Control which are not standard control and allow
you to do some advanced functionality are know as
“RICH CONTROL”
•
Rich controls are built with multiple HTML elements
and contain rich functionality.
•
Although rich control is combination of other
standard controls,it work as a single control.
Rich Control
What is Rich Control..??
•
The Control which are not standard control and allow
you to do some advanced functionality are know as
“RICH CONTROL”
•
Rich controls are built with multiple HTML elements
and contain rich functionality.
•
Although rich control is combination of other
standard controls,it work as a single control.
Rich Control
4
AdRotator Control
•
ASP.NET gives you one very useful and important
control to develop advertisement banners called
« AdRotator Control »
•
AdRotaror control has only one very important
property called « AdvertisementFile » which
basically a XML file.
•
AdvertisementFile Contains details about the
advertisements.
Rich Control
AdRotator Control
•
ASP.NET gives you one very useful and important
control to develop advertisement banners called
« AdRotator Control »
•
AdRotaror control has only one very important
property called « AdvertisementFile » which
basically a XML file.
•
AdvertisementFile Contains details about the
advertisements.
Rich Control
5
Properties
•
Add control where banner is to display
•
Properties:
AdvertisementFile:-XML file of banners
KeywordFilter:-only banners with this keyword
Target :-where to display hyperlink
Height/Width:-if want the same for all banners
Rich Control
Properties
•
Add control where banner is to display
•
Properties:
AdvertisementFile:-XML file of banners
KeywordFilter:-only banners with this keyword
Target :-where to display hyperlink
Height/Width:-if want the same for all banners
Rich Control
6
Syntax
<asp:AdRotator id="Value"
AdvertisementFile="AdvertisementFile
KeyWordFilter="KeyWord“
Target="Target"
runat="server“
AlternateText=“text”/>
</asp:AdRotator>
Rich Control
Syntax
<asp:AdRotator id="Value"
AdvertisementFile="AdvertisementFile
KeyWordFilter="KeyWord“
Target="Target"
runat="server“
AlternateText=“text”/>
</asp:AdRotator>
Rich Control
7
Cont…
Only ads with this keyword
XML file of banner info
Rich Control
Cont…
Only ads with this keyword
XML file of banner info
Rich Control
8
Example
<asp:AdRotator ID="AdRotator1"
runat="server"
AdvertisementFile ="ads.xml"
AlternateText="Hello" />
</asp:AdRotator>
Rich Control
Example
<asp:AdRotator ID="AdRotator1"
runat="server"
AdvertisementFile ="ads.xml"
AlternateText="Hello" />
</asp:AdRotator>
Rich Control
9
Output
Rich Control
Output
Rich Control
10
File Upload Control
•
The file upload control used to select (Browse)any
file from your pc and then the uploaded file is used
for some specific operation.
•
It just gives you the path of file along with its name.
Rich Control
File Upload Control
•
The file upload control used to select (Browse)any
file from your pc and then the uploaded file is used
for some specific operation.
•
It just gives you the path of file along with its name.
Rich Control
11
Property
•
File Name:
Gives you the name of file which is
uploaded.
•
HasFile:
Return Boolean value True or False.
•
FileContent:
This is collection which gives details about
file contents.
Rich Control
Property
•
File Name:
Gives you the name of file which is
uploaded.
•
HasFile:
Return Boolean value True or False.
•
FileContent:
This is collection which gives details about
file contents.
Rich Control
12
Example
•
protected void Save_Click(object sender, EventArgs e)
{
string str;
string f1;
f1=Path.GetFileName(FileUpload1.PostedFile.FileName);
FileUpload1.SaveAs(Server.MapPath("~/images/" + f1));
str = "images/" + FileUpload1.FileName.ToString();
}
Rich Control
Example
•
protected void Save_Click(object sender, EventArgs e)
{
string str;
string f1;
f1=Path.GetFileName(FileUpload1.PostedFile.FileName);
FileUpload1.SaveAs(Server.MapPath("~/images/" + f1));
str = "images/" + FileUpload1.FileName.ToString();
}
Rich Control
13
Output
Output
14
Multiview
•
Multiview Control used for many view.
•
Sometime it have many screens but at a time display
only one screen.
•
Multiview is a container of group of view control.
•
In Multiview select only one view at a time that is
called “Active View”
Rich Control
Multiview
•
Multiview Control used for many view.
•
Sometime it have many screens but at a time display
only one screen.
•
Multiview is a container of group of view control.
•
In Multiview select only one view at a time that is
called “Active View”
Rich Control
15
Property
•
ActiveViewIndex:
It will be used to set or get the index no. of
current active view.
•
Views.Count
Views.count will give total no. of views under
multiview.
Rich Control
Property
•
ActiveViewIndex:
It will be used to set or get the index no. of
current active view.
•
Views.Count
Views.count will give total no. of views under
multiview.
Rich Control
16
Example
•
<body>
<asp:multiview ID="Multiview1" runat="server">
<asp:View ID="view1" runat="server">
<center><h1>Calendar</h1></center>
<asp:Calendar ID="cal1" runat="server"></asp:Calendar>
</asp:View>
<asp:View ID="view2" runat="server">
<center><h2>Image</h2></center>
<asp:Image ID="img" runat="server" ImageUrl="~/ab/Koala.jpg"/>
</asp:View>
</asp:multiview>
Rich Control
Example
•
<body>
<asp:multiview ID="Multiview1" runat="server">
<asp:View ID="view1" runat="server">
<center><h1>Calendar</h1></center>
<asp:Calendar ID="cal1" runat="server"></asp:Calendar>
</asp:View>
<asp:View ID="view2" runat="server">
<center><h2>Image</h2></center>
<asp:Image ID="img" runat="server" ImageUrl="~/ab/Koala.jpg"/>
</asp:View>
</asp:multiview>
Rich Control
17
Output
Rich Control
Output
Rich Control
18
Calender Control
•
The Calendar control is created by the Calendar class
•
Thé calendar displays a single calendar month
•
By default, the current month is displayed
–
You can configure the appearance of the calendar
by setting the properties of the calendar control.
Rich Control
Calender Control
•
The Calendar control is created by the Calendar class
•
Thé calendar displays a single calendar month
•
By default, the current month is displayed
–
You can configure the appearance of the calendar
by setting the properties of the calendar control.
Rich Control
19
Properties
•
The Calendar control supports the following
properties:
DayNameFormat—Enables you to specify the
appearance of the days of the week.Possible values
are FirstLetter, FirstTwoLetters, Full, Short.
NextMonthText—Enables you to specify the text
that appears for the next month link.
Rich Control
Properties
•
The Calendar control supports the following
properties:
DayNameFormat—Enables you to specify the
appearance of the days of the week.Possible values
are FirstLetter, FirstTwoLetters, Full, Short.
NextMonthText—Enables you to specify the text
that appears for the next month link.
Rich Control
20
Cont…
•
SelectedDate—Enables you to get or set the selected
date
•
SelectionMode—Enables you to specify how dates
are selected. Possible values are Day, DayWeek,
DayWeekMonth.
•
ShowDayHeader—Enables you to hide or display
the day names at the top of the Calendar control.
Rich Control
Cont…
•
SelectedDate—Enables you to get or set the selected
date
•
SelectionMode—Enables you to specify how dates
are selected. Possible values are Day, DayWeek,
DayWeekMonth.
•
ShowDayHeader—Enables you to hide or display
the day names at the top of the Calendar control.
Rich Control
21
Example
<form id="form1" runat="server">
<asp:Calendar ID="Calendar1" runat="server"
SelectionMode="DayWeekMonth">
</asp:Calendar>
</form>
Rich Control
Example
<form id="form1" runat="server">
<asp:Calendar ID="Calendar1" runat="server"
SelectionMode="DayWeekMonth">
</asp:Calendar>
</form>
Rich Control
22
Output
Rich Control
Output
Rich Control
23
Wizard Control
•
Wizard has many screen which comes after one
another.
•
For wizard we say “Start->Next->Next->..->Finish”
•
Where screen starts with “Start” scrren and goes up to
last screen.
•
Wizard has different THREE parts:
Main , Header , SideBar
Rich Control
Wizard Control
•
Wizard has many screen which comes after one
another.
•
For wizard we say “Start->Next->Next->..->Finish”
•
Where screen starts with “Start” scrren and goes up to
last screen.
•
Wizard has different THREE parts:
Main , Header , SideBar
Rich Control
24
Property
•
ActiveStepIndex:
It is used to set or get the index no.of currently
active step.
•
HeaderText:
HeaderText will be display in all the steps as
header information.
•
WizardSteps.Count:
Returns how many no. of steps are specified
in wizardSteps.
Rich Control
Property
•
ActiveStepIndex:
It is used to set or get the index no.of currently
active step.
•
HeaderText:
HeaderText will be display in all the steps as
header information.
•
WizardSteps.Count:
Returns how many no. of steps are specified
in wizardSteps.
Rich Control
25
Example
•
<asp:Wizard ID="Wizard1" runat="server">
<WizardSteps>
<asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
</asp:WizardStep>
<asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
Rich Control
Example
•
<asp:Wizard ID="Wizard1" runat="server">
<WizardSteps>
<asp:WizardStep ID="WizardStep1" runat="server" Title="Step 1">
</asp:WizardStep>
<asp:WizardStep ID="WizardStep2" runat="server" Title="Step 2">
</asp:WizardStep>
</WizardSteps>
</asp:Wizard>
Rich Control
26
Output
Rich Control
Output
Rich Control
27
Advantage
•
It is very flexible control.
•
Control has high performance.
•
Rich control reduce the code and give the high
performance.
•
Consume the developer time.
Rich Control
Advantage
•
It is very flexible control.
•
Control has high performance.
•
Rich control reduce the code and give the high
performance.
•
Consume the developer time.
Rich Control
28
Reference
•
asp.net-tutorials.com/controls
•
asp-net-example.blogspot.com
•
www.tutorialspoint.com/asp.net
•
www.wrox.com/.../ASP-NET
Rich Control
Reference
•
asp.net-tutorials.com/controls
•
asp-net-example.blogspot.com
•
www.tutorialspoint.com/asp.net
•
www.wrox.com/.../ASP-NET
Rich Control
29
Thank You
Thank You
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 9,685
- Slides 29
- Favorites 8
- Age 4263 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
32 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
35 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
32 views
14
Fertility awareness methods for women in the society
Isaiah47
30 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
29 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
30 views