Using AngularJS in Visual Studio 2013 _ the Visual Studio Blog
Visual studio Toolkits
-
Upload
bino-mathew-varghese -
Category
Technology
-
view
101 -
download
1
Transcript of Visual studio Toolkits
![Page 1: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/1.jpg)
![Page 3: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/3.jpg)
VISUAL STUDIO 2010
• Microsoft Visual Studio is an integrated development
environment (IDE) from Microsoft.
• It is used to develop computer programs for Microsoft
Windows, as well as web sites, web applications and web
services .
• Visual Studio supports different programming languages
such as C, C++, VB.NET, C# and F#. It also
supports XML, HTML, JavaScript and CSS.
• There are different tools to develop applications in VS and
we can use the drag and drop method.
![Page 4: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/4.jpg)
IMPORTANT TOOLS
• Buttons
• Button control allows the user to click it to perform an
action.
• The Button control can display text. When the button is
clicked, it looks as if it is being pushed in and released.
• We can use the button tool for Ok, Submit, Register, Save
etc and give different colors and styles to the button.
![Page 5: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/5.jpg)
TEXTBOX
• Text boxes are used to get input from the user or to
display text.
• Text boxes can display multiple lines and add basic
formatting like password mode, multiline mode etc .
![Page 6: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/6.jpg)
BULLETED LIST
• This is used to give lists with a bullet.
• It have a special ID.
• We can customize with different styles like
background color, border color, frames etc.
![Page 7: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/7.jpg)
CALENDAR
• It can be used to display dates for the user to select
from, and also as a list of events within an
organization.
• In this we can select a particular date, month and
when we move cursor on a particular it will display it
like a pop up.
![Page 8: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/8.jpg)
CHECK BOX
• Check Box control indicates whether a particular
condition is on or off. It is commonly used to present
a Yes/No or True/False selection to the user.
• A check box may be connected to elements in a
database using simple data binding.
![Page 9: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/9.jpg)
CHECK BOX LIST
• This allow to select more than one items.
• In this we can add different lists in one panel and
we can select any one of it.
• A check box list may be connected to elements in
a database using simple data binding.
![Page 10: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/10.jpg)
LIST BOX
• Represents a Windows control to display a list of
items.
• In this we can add different lists in one panel and
we can select any one of it.
• A list box list may be connected to elements in a
database using simple data binding.
![Page 11: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/11.jpg)
LINK BUTTON
• This allow people to provide link to any webpages.
• When we click this link button we are redirected to
the link given in the button.
![Page 12: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/12.jpg)
DROP DOWN LIST
• This allow to add a drop down menu in our
webpage and we can select it.
• We can add any number of list in this and we can
connected to elements in a database using simple
data binding.
![Page 13: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/13.jpg)
FILE UPLOAD
• By using this tool we can upload an type of file to
our webpage.
• The uploaded file can save to database by using a
button.
![Page 14: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/14.jpg)
HYPER LINK
• This allow people to provide link to any pages in
their project.
• When we click this button we are redirected to the
link given in the button.
• We can give any text to this hyper link button.
![Page 15: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/15.jpg)
LABEL
• Label controls are used to display text or images
that cannot be edited by the user.
• They are used to identify objects on a form to
provide a description of what a certain control will
do if clicked.
![Page 16: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/16.jpg)
IMAGE & IMAGE BUTTON
• The image is a control that is used to host an image
and it has no events like click event.
• Image Button is the same as normal button, the
different here is that it can display an icon or image
instead of a just only text
![Page 17: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/17.jpg)
RADIO BUTTON & RADIO BUTTON LIST
• The Radio Button control and the Radio Button
List control enable users to select from a small set of
predefined choices.
• The difference between them is if there are many
radio button choices we can select all but in case
of radio button list we can only select one.
![Page 18: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/18.jpg)
PANEL
• Panel controls are used to group other controls.
• There are three reasons to group controls.
• One is visual grouping of related form elements for
a clear user interface; another is programmatic
grouping, of radio buttons for example; the last is for
moving the controls as a unit at design time.
![Page 19: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/19.jpg)
PLACE HOLDER
• The Placeholder Web server control enables you to
place an empty container control within the page
and then dynamically add, remove, or loop
through child elements at run time. The control only
renders its child elements.
• As an example, you might want to have a variable
number of buttons appear on a Web page,
depending on options selected by users.
![Page 20: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/20.jpg)
VALIDATIONS
• Compare validator
• Custom validator
• Range validator
• Regular expression validator
• Required field validator
![Page 21: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/21.jpg)
• Compare validator
• This is used to compare user inputs, for example
password confirmation.
• Custom validator
• This helps you to add a custom validation to our
webpage, for example specific numbers.
![Page 22: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/22.jpg)
• Required field validator
• This show an error message when we skip a text
box that have required field validator.
• Range validator
• Range validator test if the value of a data
entry control is inside a specified range of values.
![Page 23: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/23.jpg)
• Regular expression validator
• Regular Expression Validator is to validate the
data entered by the user.
![Page 24: Visual studio Toolkits](https://reader034.fdocuments.in/reader034/viewer/2022052223/55a20af31a28abd94e8b4570/html5/thumbnails/24.jpg)
THANKYOU