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
❮ Control Xml Prop Webcontrol Standard Cssclass ❯

ASP.NET Razor - C# and VB Code Syntax

Razor supports both C# (C sharp) and VB (Visual Basic).

Main Razor C# Syntax Rules

C# Example

@{ var myMessage = "Hello World"; }
@myMessage
@{
    var greeting = "Welcome to our site!";
    var weekDay = DateTime.Now.DayOfWeek;
    var greetingMessage = greeting + " Here in Huston it is: " + weekDay;
}
@greetingMessage

Main Razor VB Syntax Rules

VB Example

@Code dim myMessage = "Hello World" End Code
@myMessage
@Code
    dim greeting = "Welcome to our site!"
    dim weekDay = DateTime.Now.DayOfWeek
    dim greetingMessage = greeting & " Here in Huston it is: " & weekDay
End Code
@greetingMessage

How It Works

Razor is a simple programming syntax for embedding server code in webpages.

Razor syntax is based on the ASP.NET framework, which is part of the Microsoft .NET framework aimed at creating web applications.

Razor supports all ASP.NET features but uses a simplified syntax that is easier for beginners to learn and more efficient for experts.

Razor pages can be described as HTML pages with two types of content: HTML content and Razor code.

When the server reads the page, it first runs the Razor code, then sends the HTML page to the browser. Server-side code can perform tasks that cannot be done in the browser, such as accessing a server database. Server code can create dynamic HTML content and send it to the browser. From the browser's perspective, HTML generated by server code looks the same as static HTML.

ASP.NET pages with Razor syntax have special file extensions: .cshtml (Razor C#) or .vbhtml (Razor VB).

Working with Objects

Server coding often involves objects.

The "Date" object is a typical built-in ASP.NET object, but objects can also be custom, such as a webpage, a text box, a file, a database record, etc.

Objects have methods for performing actions. A database record might have a "Save" method, an image object might have a "Rotate" method, an email object might have a "Send" method, and so on.

The ASP.NET Date object has a Now property (written as Date.Now), and the Now property has a Day property (written as Date.Now.Day). The following example demonstrates how to access some properties of the Date object:

Example

@DateTime.Now.Day
@DateTime.Now.Hour
@DateTime.Now.Minute
@DateTime.Now.Second

If and Else Conditions

An important feature of dynamic webpages is that you can decide what to do based on conditions.

A common way to do this is by using if ... else statements:

Example

@{
    var txt = "";
    if(DateTime.Now.Hour > 12) {
        txt = "Good Evening";
    } else {
        txt = "Good Morning";
    }
}
<html>
@txt
</html>

Reading User Input

Another important feature of dynamic webpages is that you can read user input.

Input is read using the Request[] function, and input data is processed under the IsPost condition:

Example

@{
    var totalMessage = "";
    if(IsPost) {
        var num1 = Request["text1"];
        var num2 = Request["text2"];
        var total = num1.AsInt() + num2.AsInt();
        totalMessage = "Total = " + total;
    }
}
@totalMessage
❮ Control Xml Prop Webcontrol Standard Cssclass ❯