1- Date TimePicker
2- Month Calendar
3- User Defined Controls
DateTimePicker
• DateTimePicker allows us to select date and
time.
• DateTimePicker is based on the control class.
When we click on the drop-down arrow on
this control it displays a month calendar from
which we can make selections.
• When we make a selection that selection
appears in the textbox part of the Date
TimePicker.
Notable Properties of Date TimePicker
• The Format property in the Appearance
section is used to select the format of the date
and time selected.
• Default value is long which displays the date in
long format. Other values include short, time
and custom
Behavior Section
• The CustomFormat property allows us to set the
format for date and time depending on what we
like. To use the CustomFormat property we need to
set the Format property to Custom.
• The MaxDate Property allows us to set the
maximum date we want the Date TimePicker to
hold. Default MaxDate value set by the software is
12/31/9998
• The MinDate Property allows us to set the
minimum date we want the Date TimePicker to
hold. Default MinDate value set by the software is
1/1/1753 .
2-MonthCalendar
• The MonthCalendar control allows us to
select date.
• The difference between a DateTimePicker and
MonthCalendar is, in MonthCalendar we select
the date visually and in Date TimePicker when
we want to make a selection we click on the
drop-down arrow and select the date from the
MonthCalendar which is displayed.
Notable Behavior properties of MonthCalendar
• FirstDayOfWeek: Default value is Default
which means that the week starts with Sunday
as the first day and Saturday as last. You can
set the first day of the week depending upon
your choice by selecting from the predefined
list with this property.
• ShowToday: Default value is set to True which
displays the current date at the bottom of the
Calendar. Setting it to False will hide it.
• ShowTodayCircle: Default value is set to True
which displays a red circle on the current date.
Setting it to False will make the circle
disappear.
• ShowWeekNumber: Default is False. Setting it
to True will display the week number of the
current week in the 52 week year. That will be
displayed towards the left side of the control.
3- User-Defined Controls
• Visual Studio .NET allows developers to share
their custom controls with other developers.
User-Defined Controls
To create a UserControl that can be
exported to other solutions, do the following:
1. Create a new Windows Control
Library project.
2. Inside the project, add controls and
functionality to the UserControl
User-Defined Controls
3. Build the project. Visual Studio .NET creates a .dll file for the
UserControl in the output directory. The file is not executable.
Select Project > Properties to find the output directory and
output file.
4. Create a new Windows application.
5. Import the UserControl. In the new Windows application,
right click the ToolBox, and select Customize Toolbox.... In the
dialog that appears, select the .NET Framework Components
tab. Browse for the .dll file, which is in the output directory
for the Windows control library project. Click the checkbox
next to the control, and click OK
User-Defined Controls
User-Defined Controls
User-Defined Controls
• 6. The UserControl appears on the ToolBox
and can be added to the form as if it were any
other control.
User-Defined Controls
User-Defined Controls
• Control classes do not have a Main method—
they cannot be run by themselves.
• To test their functionality, add them to a
sample Windows application and run them
there.
Example
• Create a UserControl called LoginPasswordUserControl.
• The LoginPasswordUserControl contains the following:
o Label (loginLabel) that displays String “Login:”.
o TextBox (loginTextBox) where the user enters a login name.
o Label (passwordLabel) that displays the String “Password:”
o TextBox (passwordTextBox) where a user inputs a password
• LoginPasswordUserControl must provide Public read-only
properties Login and Password that allow an application to
retrieve the user input from a login TextBox.
• Use the new control in application that displays the values input
by the LoginPasswordUserControl.
18
Solution
• In order to create LoginPasswordUserControl
application, do the following:
1. Custom control (Class Library)
Create your custom control “LoginPasswordUserControl” from
other predefined controls , TextBoxes and Labels and add
required functionality to it. Then it will appears in the user’s
ToolBox .
2. Application (Windows application)
Share the “LoginPasswordUserControl” by adding it into a Form
and add more controls and functionalities.
19
1. Create a new Class Library named “LoginPasswordUserControl”.
2. Delete the file named “Class1.vb” that is initially provided with the project.
3- Right click the project in the Solution Explorer and select Add> User Control…
in the dialog that appears, name the user control “LoginPasswordUserControl” file
and click Add.
Class Library
4. Design the user control by adding the required controls.
Label
Name: loginLabel
Label
Name: passwardLabel
TextBox
Name:
loginTextBox
TextBox
Name:
passwardTextBox
23
• Change the PasswardChar
property of the passwardTextBox
to “*”.
• In order for the TextBoxes
to change in the Windows
application; change its
Modefier property to “Public”
24
5. Build the project and the Visual Studio will create a .dll
file in the solution’s bin/Release directory.
( Note: class libraries are not executable files, they are used to define classes
that are reused on other executable applications)
25
Windows Application
1. Create a Windows application and name it
“LoginPasswordUserControlApp”.
Windows Application
2. Right click the Toolbox and select Choose Items…
27
In the dialog, click Browse… and locate the .dll file for the
class library you already created in the Class Library (step
6). The item will then appear in the Choose ToolBox Items
dialog. If it is not already checked, check this item.
28
Note: By completing step 2,
the user control is now listed
in the Toolbox, and can be
added to the any Form as if
it were any other control.
You may add more controls
and functionality to the Form
as needed.
29
3. Add a Button “OK” to your Form.
4. Add functionality to your controls, by adding the
following:
30
5 -Build and debug
31