Easy Tutorial
Met Websecurity Changepassword Control Listbox Control Htmlinputbutton Prop Webcontrol Linkbutton Postbackurl Prop Webcontrol Listcontrol Selectedindex Prop Webcontrol Listcontrol Items Prop Webcontrol Tablerow Tablesection Met Websecurity Resetpassword Met Websecurity Createaccount Prop Webcontrol Calendar Showdayheader Prop Webcontrol Checkbox Textalign Aspnet Databinding Prop Webcontrol Style Borderstyle Webpages Helpers Webpages Ref Webmail Mvc Reference Prop Webcontrol Listcontrol Text Prop Webcontrol Calendar Todaysdate Met Websecurity Getpasswordchangedate Prop Webcontrol Calendar Nextmonthtext Webpages Ref Websecurity Met Websecurity Logout Control Adrotator Control Hyperlink Webpages Global Webpages Webgrid Prop Webcontrol Standard Borderstyle Prop Webcontrol Calendarday Isweekend Prop Webcontrol Bulletedlist Bulletimageurl Razor Cs Logic Prop Control Standard Visible Prop Webcontrol Tablecell Columnspan Prop Webcontrol Calendar Showgridlines Webpages Ref Database Mvc Security Prop Webcontrol Button Onclientclick Prop Webcontrol Table Caption Prop Webcontrol Tablecell Wrap Prop Webcontrol Adrotator Advertisementfile Aspnet Ref Htmlcontrols Prop Webcontrol Style Backcolor Prop Webcontrol Radiobuttonlist Repeatcolumns Webpages Razor Prop Webcontrol Textbox Text Prop Control Standard Uniqueid Prop Webcontrol Table Horizontalalign Prop Webcontrol Textbox Textmode Control Label Prop Websecurity Hasuserid Prop Webcontrol Standard Style Prop Webcontrol Calendar Selecteddaystyle Prop Webcontrol Textbox Readonly Control Customvalidator Control Reqfieldvalidator Aspnet Intro Prop Control Standard Page Prop Webcontrol Calendarday Isselected Prop Webcontrol Radiobuttonlist Repeatlayout 2 Prop Webcontrol Hyperlink Target Prop Webcontrol Image Imageurl Prop Webcontrol Bulletedlist Target Met Websecurity Isconfirmed Prop Webcontrol Calendar Selectorstyle Control Checkboxlist Webpages Php Webpages Folders Prop Webcontrol Button Text Mvc Models Prop Webcontrol Calendar Weekenddaystyle Index Prop Webcontrol Standard Tabindex Prop Webcontrol Listcontrol Datavaluefield Prop Webcontrol Listitem Selected Control Style Prop Webcontrol Standard Tooltip Mvc Layout Control Htmlinputimage Prop Webcontrol Style Bordercolor Prop Webcontrol Standard Borderwidth Control Comparevalidator Aspnet Xml Webpages Layout Razor Intro Control Calendarday Razor Vb Logic Prop Webcontrol Button Validationgroup Prop Webcontrol Imagebutton Validationgroup Prop Webcontrol Table Gridlines Prop Webcontrol Button Postbackurl Prop Webcontrol Adrotator Target Prop Webcontrol Tablecell Verticallalign Webpages Intro Met Websecurity Iscurrentuser Control Htmlinputtext Prop Webcontrol Standard Height Control Htmlinputcheckbox Prop Webcontrol Textbox Autopostback Control Htmlform Prop Webcontrol Calendar Selecteddates Prop Websecurity Isauthenticated Control Linkbutton Control Panel Control Placeholder Mvc Folders Prop Webcontrol Panel Wrap Control Radiobuttonlist Aspnet Ref Webcontrols Prop Webcontrol Style Borderwidth Aspnet Arraylist Prop Webcontrol Standard Bordercolor Prop Webcontrol Radiobuttonlist Repeatdirection Met Websecurity Confirmaccount Prop Webcontrol Standard Backcolor Webpages Ref Classes Control Image Control Bulletedlist Prop Webcontrol Calendarday Istoday Aspnet Events Prop Webcontrol Table Cellpadding Aspnet Repeater Met Websecurity Createuserandaccount Control Imagebutton Prop Webcontrol Panel Groupingtext Prop Webcontrol Tablecell Rowspan Prop Webcontrol Calendar Prevmonthtext Prop Webcontrol Calendar Nextprevformat Prop Webcontrol Calendar Selectweektext Prop Webcontrol Checkboxlist Repeatlayout Prop Webcontrol Image Alternatetext Prop Webcontrol Calendarday Date Prop Webcontrol Listitem Value Prop Webcontrol Calendar Shownextprevmonth Prop Webcontrol Linkbutton Onclientclick Prop Webcontrol Panel Defaultbutton Aspnet Tutorial Prop Webcontrol Table Cellspacing Control Htmlimage Prop Webcontrol Calendar Selectmonthtext Prop Webcontrol Panel Backimageurl Control Xml Razor Syntax Prop Webcontrol Standard Cssclass Met Websecurity Generatepasswordresettoken Control Htmltablecell Prop Webcontrol Bulletedlist Displaymode Control Checkbox Control Htmlinputfile Prop Webcontrol Imagebutton Postbackurl Prop Webcontrol Calendar Daystyle Control Rangevalidator Met Websecurity Requireroles Prop Webcontrol Bulletedlist Bulletstyle Prop Webcontrol Calendar Todaydaystyle Prop Webcontrol Listitem Text Control Radiobutton Prop Webcontrol Tablecell Text Prop Websecurity Currentuserid Control Dropdownlist Mvc Intro Prop Webcontrol Calendar Othermonthdaystyle Prop Webcontrol Textbox Rows Prop Webcontrol Calendarday Isothermonth Aspnet Masterpages Control Htmlinputradiobutton Prop Webcontrol Imagebutton Onclientclick Prop Webcontrol Radiobuttonlist Repeatlayout Prop Webcontrol Textbox Autocompletetype Control Htmltextarea Aspnet Viewstate Prop Webcontrol Style Height Met Websecurity Userexists Prop Webcontrol Checkbox Text Prop Webcontrol Calendar Caption Control Tablerow Prop Webcontrol Button Causesvalidation Prop Webcontrol Textbox Columns Prop Webcontrol Imagebutton Causesvalidation Prop Control Standard Clientid Control Htmltable Control Validationsummary Prop Webcontrol Linkbutton Validationgroup Control Htmlinputhidden Prop Webcontrol Textbox Maxlength Aspnet Dbconnection Met Websecurity Getcreatedate Razor Cs Variables Met Websecurity Login Prop Webcontrol Panel Direction Aspnet Sortedlist Prop Webcontrol Calendar Cellpadding Aspnet Button Prop Webcontrol Literal Text Prop Webcontrol Hyperlink Text Prop Websecurity Currentusername Prop Webcontrol Calendar Captionalign Prop Webcontrol Hyperlink Navigateurl Razor Vb Variables Control Listitem Prop Webcontrol Calendarday Daynumbertext Prop Webcontrol Checkboxlist Textalign Prop Control Standard Bindingcontainer Prop Control Standard Parent Prop Webcontrol Image Imagealign Met Websecurity Getuserid Prop Webcontrol Calendar Firstdayofweek Control Table Control Listcontrol Prop Webcontrol Calendar Nextprevstyle Prop Webcontrol Listcontrol Validationgroup Prop Webcontrol Calendar Cellspacing Prop Webcontrol Checkboxlist Repeatcolumns Webpages Objects Razor Vb Loops Aspnet Examples Prop Webcontrol Listbox Rows Prop Webcontrol Standard Accesskey Prop Control Standard Id Prop Webcontrol Linkbutton Text Prop Webcontrol Textbox Wrap Mvc App Control Calendar Prop Webcontrol Listitem Enabled Webpages Publish Aspnet Forms Webpages Ref Helpers Control Button Prop Webcontrol Style Forecolor Met Websecurity Requireauthenticateduser Aspnet Ref Validationcontrols Prop Webcontrol Standard Forecolor Prop Webcontrol Standard Prop Control Standard Prop Webcontrol Table Captionalign Prop Webcontrol Hyperlink Imageurl Prop Webcontrol Checkboxlist Cellpadding Aspnet Prop Control Standard Namingcontainer Met Websecurity Requireuser Prop Webcontrol Listcontrol Selecteditem Webpages Files Prop Webcontrol Tablerow Verticalalign Met Websecurity Initializedatabaseconnection Prop Webcontrol Listbox Selectionmode Prop Webcontrol Bulletedlist Firstbulletnumber Mvc Database Prop Webcontrol Calendar Selectionmode Mvc Views Prop Webcontrol Style Width Prop Webcontrol Tablerow Horizontalalign Mvc Controllers Webpages Examples Prop Webcontrol Checkboxlist Repeatdirection Aspnet Navigation Prop Webcontrol Checkboxlist Cellspacing Prop Webcontrol Standard Font Prop Webcontrol Calendar Dayheaderstyle Control Regularexpvalidator Mvc Publish Prop Webcontrol Xml Documentsource Aspnet Controls Prop Webcontrol Dropdownlist Selectedindex Prop Webcontrol Tablecell Horizontalalign Control Htmlanchor Aspnet Hashtable Webpages Forms Prop Webcontrol Standard Enabled Control Literal Prop Webcontrol Panel Scrollbars Mvc Htmlhelpers Prop Webcontrol Table Backimageurl Aspnet Pages Prop Webcontrol Radiobuttonlist Textalign Prop Webcontrol Calendarday Isselectable Prop Webcontrol Style Cssclass Prop Webcontrol Listcontrol Autopostback Prop Webcontrol Style Font Razor Cs Loops Prop Webcontrol Radiobuttonlist Cellspacing Prop Webcontrol Checkbox Checked Webpages Chart Control Textbox Aspnet Datalist Prop Webcontrol Listcontrol Datatextfield Control Htmlselect Prop Webcontrol Calendar Titlestyle Prop Webcontrol Button Usesubmitbehavior Prop Webcontrol Calendar Titleformat Prop Webcontrol Calendar Selecteddate Prop Webcontrol Listcontrol Selectedvalue Control Tablecell Aspnet Textbox Webpages Email Prop Webcontrol Panel Horizontalalign Control Htmlgeneric Control Htmlbutton Prop Webcontrol Calendar Showtitle Prop Webcontrol Calendar Daynameformat Prop Webcontrol Calendar Visibledate Control Htmltablerow Prop Webcontrol Radiobuttonlist Cellpadding
❮ Aspnet Xml Razor Intro ❯

ASP.NET Web Pages - Page Layout

Creating a website with a consistent layout is easy with Web Pages.

Consistent Appearance

On the internet, you will find many websites with a consistent look and style:

With Web Pages, you can achieve this efficiently. You can write reusable content blocks (like page headers and footers) in a single file.

You can also use layout templates (layout files) to define a consistent layout for all web pages on your site.

Content Blocks

Many websites have content that is displayed on every page of the site (like page headers and footers).

With Web Pages, you can use the @RenderPage() method to import content from different files.

Content blocks (from another file) can be imported anywhere on the web page. Content blocks can contain text, markup, and code, just like any ordinary web page.

Writing common headers and footers as separate files will save you a lot of work. You don't have to write the same content on every page, and when the content changes, you only need to modify the header or footer file to see the corresponding content updated on every page of the site.

Here's how it looks in the code:

Example

@RenderPage("header.cshtml")
@RenderPage("footer.cshtml")

Layout Page

In the previous section, you saw how easy it is to display the same content on multiple web pages.

Another way to create a consistent look is to use a layout page. A layout page contains the structure of the web page, not the content. When a web page (content page) links to a layout page, it will be displayed according to the structure of the layout page (template).

The layout page uses the @RenderBody() method to embed the content page, and it is no different from a normal web page otherwise.

Each content page must start with a layout directive.

Here's how it looks in the code:

Layout Page

@RenderBody()

Any Web Page

@{Layout="Layout.cshtml";}

D.R.Y. - Don't Repeat Yourself

With Content Blocks and Layout Pages, these ASP.NET tools allow your web application to display a consistent appearance.

These tools save you a lot of work, eliminating the need to repeat the same information on every page. Centralized markup, style, and code make your web application easier to manage and maintain.

Preventing File Browsing

In ASP.NET, files with names starting with an underscore can prevent these files from being browsed online.

If you don't want your content blocks or layout pages to be seen by your users, you can rename these files:

_header.cshtml

_footer.cshtml

_Layout.cshtml

Hiding Sensitive Information

In ASP.NET, the most common way to hide sensitive information (database passwords, email passwords, etc.) is to save this information in a separate file named "_AppStart".

_AppStart.cshtml

❮ Aspnet Xml Razor Intro ❯