ASP.NET Master Pages and Controls

20 Questions

What is the purpose of adding an .img-fluid class to the tag?

To make the image scale nicely to the parent element

What class is used to create a colored link inside an alert box?

alert-link

Which of the following elements can be used with the button classes?

, , or elements

What type of buttons does Bootstrap 5 provide?

Eight outline/bordered buttons

What is the class used to create a basic alert in Bootstrap 5?

alert

What is the purpose of contextual classes in Bootstrap 5 alerts?

To customize the alert's color and style

What is the primary function of a master page in ASP.NET?

To define the look and feel for a group of pages

What type of button control displays an image?

Image Button control

What is the default value of the CausesValidation property for a button control?

True

What is the purpose of the AlternateText property for an Image Button control?

To display text if the browser cannot display the image

What type of control is used to accept user input in ASP.NET?

TextBox control

What is the purpose of the TextMode attribute for a TextBox control?

To determine the number of lines of input

What is the primary difference between a Button control and a LinkButton control?

Button control displays text, while LinkButton control displays a hyperlink

Where is the CssClass attached to style a button in a Master Page?

In the MasterSkin.skin file

What class is used to create a large button?

.btn-lg

How can you create a vertical button group?

Use class .btn-group-vertical

What is used to add additional information to any content?

Badges

What class is used to create a small button group?

.btn-group-sm

How can you group a series of buttons together?

Use a element with class .btn-group

What is used to create rectangular badges?

The .badge class together with a contextual class

Study Notes

Master Page

ASP.NET master pages allow creating a consistent layout for application pages.
A single master page defines the look and feel and standard behavior for all pages.

ASP.NET Controls

Button Controls: ASP.NET provides three types of button control:
- Button: displays text within a rectangular area.
- Link Button: displays text that looks like a hyperlink.
- Image Button: displays an image.
Button Properties:
- Text: the text displayed on the button (for button and link button controls only).
- ImageUrl: the image to be displayed for the button (for image button control only).
- AlternateText: the text to be displayed if the browser cannot display the image.
- CausesValidation: determines whether page validation occurs when a user clicks the button.
- PostBackUrl: the URL of the page that is requested when the user clicks the button.

Button Styles

Button sizes can be controlled using the .btn-lg class for large buttons or .btn-sm class for small buttons.
Spinner buttons can be added to a button.
Bootstrap 5 allows creating button groups using the .btn-group element.

Bootstrap 5 Button Groups

Button groups can be created horizontally or vertically.
Use the .btn-group-lg class for a large button group or the .btn-group-sm class for a small button group.
Button groups can be nested and combined with dropdown menus.

Bootstrap 5 Badges

Badges are used to add additional information to any content.
Use the .badge class together with a contextual class (like .bg-secondary) within <span> elements to create rectangular badges.

Bootstrap 5 Alerts

Alerts are created with the .alert class, followed by one of the contextual classes.
Alerts can have links with the .alert-link class to create "matching colored links".

Bootstrap 5 Images

Responsive images can be created by adding an .img-fluid class to the `` tag.
The image will then scale nicely to the parent element.

Learn about ASP.NET master pages and controls, including layout consistency and button control types.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.