ASP .Net MVC Razor Helpers Cheat Sheet
HtmlHelper
Method
Action
Output
ActionLink(s:text, s:action,
o:attributes)
Writes an anchor tag to a link for
a specific action.
<a
href="action">text</a>
AntiForgeryToken(s:salt, s:domain,
s:path)
Generates a hidden form field
(anti-forgery token) that is validated when the form is submitted.
AttributeEncode(s: input)
HTML-encodes the string (as an
attribute).
BeginForm(s:action, s:controller,
o:values)
Writes an opening <form> tag
to the response.
<form
action="/controller/action/">
BeginRouteForm(s:routeName)
Writes an opening <form> tag
for the route.
<form
action="route">
CheckBox(s:name, b:checked)
Returns a check box input element.
<input
type="checkbox" name="name" id="name"
checked="checked" />
CheckBoxFor(e:expression)
Returns a check box input element
for the model.
<input
type="checkbox" name="name" id="name"
checked="checked" />
DropDownList(s:name,
list:selectlistitems)
Returns a single-selection select
element.
<select name="name"
id="name"></select>
DropDownListFor(e:expression,
list:selectlistitems)
Returns a single-selection select
element for the model.
<select name="name"
id="name"></select>
Encode(s:input)
HTML-encodes the string.
EndForm()
Renders the closing </form>
tag to the response.
</form>
Hidden(s:name, o:value)
Returns a hidden input element.
<input type="hidden"
value="value" name="name" />
HiddenFor(e:expression)
Returns a hidden input element for
the model.
<input type="hidden"
value="value" name="name" />
ListBox(s:name,
list:selectlistitems)
Returns a multi-select select
element.
<select
multiple="multiple" name="name"
id="name"></select>
ListBoxFor(e:expression,
list:selectlistitems)
Returns a multi-select select
element for the model.
<select
multiple="multiple" name="name"
id="name"></select>
Password(s:name, o:value)
Returns a password input element.
<input
type="password" value="value" name="name" />
PasswordFor(e:expression)
Returns a password input element
for the model.
<input
type="password" value="value" name="name" />
RadioButton(s:name, o:value,
b:checked)
Returns a radio button input
element.
<input type="radio"
value="value" name="name" checked="checked"
/>
RadioButtonFor(e:expression,
o:value)
Returns a radio button input
element for the model.
<input type="radio"
value="value" name="name" checked="checked"
/>
Partial(s:name, o:model)
Renders a partial view (.cshtml).
RouteLink(s:text, s:routeName)
Returns an anchor element (a
element) that contains the virtual path of the specified action.
<a
href="action">text</a>
TextArea(s:name, s:value)
Returns the specified textarea
element.
<textarea
name="name">value</textarea>
TextAreaFor(e:expression)
Returns the specified textarea
element for the model.
<textarea
name="name">value</textarea>
TextBox(s:name, o:value)
Returns a text input element.
<input type="text"
name="name" value="value" />
TextBoxFor(e:expression)
Returns a text input element for
the model.
<input type="text"
name="name" value="value" />
TextBoxFor(e:expression)
Returns a text input element for
the model.
<input type="text"
name="name" value="value" />
Method
Action
Output
ActionLink(s:text, s:action,
o:attributes)
Writes an anchor tag to a link for
a specific action.
<a
href="action">text</a>
AntiForgeryToken(s:salt, s:domain,
s:path)
Generates a hidden form field
(anti-forgery token) that is validated when the form is submitted.
AttributeEncode(s: input)
HTML-encodes the string (as an
attribute).
BeginForm(s:action, s:controller,
o:values)
Writes an opening <form> tag
to the response.
<form
action="/controller/action/">
BeginRouteForm(s:routeName)
Writes an opening <form> tag
for the route.
<form
action="route">
CheckBox(s:name, b:checked)
Returns a check box input element.
<input
type="checkbox" name="name" id="name"
checked="checked" />
CheckBoxFor(e:expression)
Returns a check box input element
for the model.
<input
type="checkbox" name="name" id="name"
checked="checked" />
DropDownList(s:name,
list:selectlistitems)
Returns a single-selection select
element.
<select name="name"
id="name"></select>
DropDownListFor(e:expression,
list:selectlistitems)
Returns a single-selection select
element for the model.
<select name="name"
id="name"></select>
Encode(s:input)
HTML-encodes the string.
EndForm()
Renders the closing </form>
tag to the response.
</form>
Hidden(s:name, o:value)
Returns a hidden input element.
<input type="hidden"
value="value" name="name" />
HiddenFor(e:expression)
Returns a hidden input element for
the model.
<input type="hidden"
value="value" name="name" />
ListBox(s:name,
list:selectlistitems)
Returns a multi-select select
element.
<select
multiple="multiple" name="name"
id="name"></select>
ListBoxFor(e:expression,
list:selectlistitems)
Returns a multi-select select
element for the model.
<select
multiple="multiple" name="name"
id="name"></select>
Password(s:name, o:value)
Returns a password input element.
<input
type="password" value="value" name="name" />
PasswordFor(e:expression)
Returns a password input element
for the model.
<input
type="password" value="value" name="name" />
RadioButton(s:name, o:value,
b:checked)
Returns a radio button input
element.
<input type="radio"
value="value" name="name" checked="checked"
/>
RadioButtonFor(e:expression,
o:value)
Returns a radio button input
element for the model.
<input type="radio"
value="value" name="name" checked="checked"
/>
Partial(s:name, o:model)
Renders a partial view (.cshtml).
RouteLink(s:text, s:routeName)
Returns an anchor element (a
element) that contains the virtual path of the specified action.
<a
href="action">text</a>
TextArea(s:name, s:value)
Returns the specified textarea
element.
<textarea
name="name">value</textarea>
TextAreaFor(e:expression)
Returns the specified textarea
element for the model.
<textarea
name="name">value</textarea>
TextBox(s:name, o:value)
Returns a text input element.
<input type="text"
name="name" value="value" />
TextBoxFor(e:expression)
Returns a text input element for
the model.
<input type="text"
name="name" value="value" />
TextBoxFor(e:expression)
Returns a text input element for
the model.
<input type="text"
name="name" value="value" />
UrlHelper
Method
|
Action
|
Output
|
Action(s:action, s:controller)
|
Generates a fully qualified URL to
an action method.
|
|
Content(s:path)
|
Converts a virtual (relative) path
to an application absolute path.
|
|
Encode(s:url)
|
Encodes special characters in a
URL string into character-entity equivalents.
|
|
RouteUrl(s:route)
|
Generates a fully qualified URL
for the specified route name.
|
List of Classes and Extensions
| Name | Description | Extensions | |
 |
Html5Helper |
A Html5 helper class which contains all the Html5 elements. | |
| |
Html5MediaHelper |
A Html5 helper class which contains all the media related elements. | |
| |
Html5CanvasHelper |
A Html5 helper class which contains all the canvas related elements. | |
| |
Html5SvgHelper |
A Html5 helper class which contains all the svg related elements. | |
| |
SourceList |
Represents a list that contains all the source items. | |
| |
SourceListItem |
Represents the source item in an instance of the System.Web.Mvc.SourceListItem class. |
Html5 Extensions
| Name | Description | Example | |
 |
PlaceholderBox(String name, String placeholderText) |
Renders a input element having a placeholder text. | @Html.Html5().PlaceholderBox("placeholderBox1", "Search") |
| |
PlaceholderBox(String name, String placeholderText, Object htmlAttributes) |
Renders a input element having a placeholder text. | @Html.Html5().PlaceholderBox("placeholderBox1", "Search", new { @class="txt" }) |
| |
EmailBox(String name) |
Renders a input element of email type. | @Html.Html5().EmailBox("emailBox1") |
| |
EmailBox(String name, Object htmlAttributes) |
Renders a input element of email type. | @Html.Html5().EmailBox("emailBox1", new { @class="txt" }) |
| |
UrlBox(String name) |
Renders a input element of url type. | @Html.Html5().EmailBox("urlBox1") |
| |
UrlBox(String name, Object htmlAttributes) |
Renders a input element of url type. | @Html.Html5().EmailBox("urlBox1", new { @class="txt" }) |
| |
NumberBox(String name) |
Renders a input element of number type. | @Html.Html5().NumberBox("numberBox1") |
| |
NumberBox(String name, Object htmlAttributes) |
Renders a input element of number type. | @Html.Html5().NumberBox("numberBox1", new { @class="txt" }) |
| |
NumberBox(String name, double min, double max, double step) |
Renders a input element of number type. | @Html.Html5().NumberBox("numberBox1", 10, 50, 2) |
| |
NumberBox(String name, double min, double max, double step, Object htmlAttributes) |
Renders a input element of number type. | @Html.Html5().NumberBox("numberBox1", 10, 50, 2, new { @class="txt" }) |
| |
Range(String name) |
Renders a input element of range type. | @Html.Html5().Range("range1") |
| |
Range(String name, Object htmlAttributes) |
Renders a input element of range type. | @Html.Html5().Range("range1", new { @class="txt" }) |
| |
Range(String name, int min, int max, int step) |
Renders a input element of range type. | @Html.Html5().Range("range1", 10, 50, 2) |
| |
Range(String name, int min, int max, int step, Object htmlAttributes) |
Renders a input element of range type. | @Html.Html5().Range("range1", 10, 50, 2, new { @class="txt" }) |
| |
SearchBox(String name) |
Renders a input element of search type. | @Html.Html5().SearchBox("searchBox1") |
| |
SearchBox(String name, Object htmlAttributes) |
Renders a input element of search type. | @Html.Html5().SearchBox("searchBox1", new { @class="txt" }) |
| |
ColorBox(String name) |
Renders a input element of color type. | @Html.Html5().ColorBox("colorBox1") |
| |
ColorBox(String name, Object htmlAttributes) |
Renders a input element of color type. | @Html.Html5().ColorBox("colorBox1", new { @class="txt" }) |
| |
DateBox(String name) |
Renders a input element of date type. | @Html.Html5().DateBox("dateBox1") |
| |
DateBox(String name, Object htmlAttributes) |
Renders a input element of date type. | @Html.Html5().DateBox("dateBox1", new { @class="txt" }) |
| |
MonthBox(String name) |
Renders a input element of month type. | @Html.Html5().MonthBox("monthBox1") |
| |
MonthBox(String name, Object htmlAttributes) |
Renders a input element of month type. | @Html.Html5().MonthBox("monthBox1", new { @class="txt" }) |
| |
WeekBox(String name) |
Renders a input element of week type. | @Html.Html5().WeekBox("weekBox1") |
| |
WeekBox(String name, Object htmlAttributes) |
Renders a input element of week type. | @Html.Html5().WeekBox("weekBox1", new { @class="txt" }) |
| |
TimeBox(String name) |
Renders a input element of time type. | @Html.Html5().TimeBox("timeBox1") |
| |
TimeBox(String name, Object htmlAttributes) |
Renders a input element of time type. | @Html.Html5().TimeBox("timeBox1", new { @class="txt" }) |
| |
DateTimeBox(String name) |
Renders a input element of datetime type. | @Html.Html5().DateTimeBox("dateTimeBox1") |
| |
DateTimeBox(String name, Object htmlAttributes) |
Renders a input element of datetime type. | @Html.Html5().DateTimeBox("dateTimeBox1", new { @class="txt" }) |
| |
DateTimeLocalBox(String name) |
Renders a input element of datetime-local type. | @Html.Html5().DateTimeLocalBox("dateTimeLocalBox1") |
| |
DateTimeLocalBox(String name, Object htmlAttributes) |
Renders a input element of datetime-local type. | @Html.Html5().DateTimeLocalBox("dateTimeLocalBox1", new { @class="txt" }) |
| |
Progress(String name, String innerText) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support") |
| |
Progress(String name, String innerText, Object htmlAttributes) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support", new { @class="txt" }) |
| |
Progress(String name, String innerText, int max) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support", 500) |
| |
Progress(String name, String innerText, int max, Object htmlAttributes) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support", 500, new { @class="txt" }) |
| |
Progress(String name, String innerText, int max, int value) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support", 500, 300) |
| |
Progress(String name, String innerText, int max, int value, Object htmlAttributes) |
Renders a progress element. | @Html.Html5().Progress("progress1", "browser does not support", 500, 300, new { @class="txt" }) |
| |
Meter(String name, String innerText) |
Renders a meter element. | @Html.Html5().Meter("meter1", "browser does not support") |
| |
Meter(String name, String innerText, Object htmlAttributes) |
Renders a meter element. | @Html.Html5().Meter("meter1", "browser does not support", new { @class="txt" }) |
| |
Meter(String name, String innerText, double min, double max, double value) |
Renders a meter element. | @Html.Html5().Meter("meter1", "browser does not support", 100, 500, 200) |
| |
Meter(String name, String innerText, double min, double max, double value, Object htmlAttributes) |
Renders a meter element. | @Html.Html5().Meter("meter1", "browser does not support", 100, 500, 200, new { @class="txt" }) |
Html5 Media Extensions
| Name | Description | Example | |
| |
Audio(String name, String source, String notSupportedMessage) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1","~/audiofile1.mp3","Browser does not support") |
| |
Audio(String name, String source, String notSupportedMessage, Object htmlAttributes) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1","~/audiofile1.mp3","Browser does not support", new { @width="500px", @height="500px"}) |
| |
Audio(String name, String source, String notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1","~/audiofile1.mp3","Browser does not support", true, true, true) |
| |
Audio(String name, String source, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop,
Object htmlAttributes) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1","~/audiofile1.mp3","Browser
does not support", true, true, true, new { @width="500px",
@height="500px"}) |
| |
Audio(String name, IEnumerable<SourceListItem> sourceList, String notSupportedMessage) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1", new SourceList(ViewBag.Sources) ,"Browser does not support") |
| |
Audio(String name, IEnumerable<SourceListItem> sourceList, String notSupportedMessage, Object htmlAttributes) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1", new
SourceList(ViewBag.Sources) ,"Browser does not support", new {
@width="500px", @height="500px"}) |
| |
Audio(String name,
IEnumerable<SourceListItem> sourceList, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1", new SourceList(ViewBag.Sources) ,"Browser does not support", true, true, true) |
| |
Audio(String name,
IEnumerable<SourceListItem> sourceList, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop,
Object htmlAttributes) |
Renders a audio element in the client browser. | @Html.Html5().Media.Audio("audio1", new
SourceList(ViewBag.Sources) ,"Browser does not support", true, true,
true, new { @width="500px", @height="500px"}) |
| |
Video(String name, String source, String notSupportedMessage) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1","~/videofile1.mp4","Browser does not support") |
| |
Video(String name, String source, String notSupportedMessage, Object htmlAttributes) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1","~/videofile1.mp4","Browser does not support", new { @width="500px", @height="500px"}) |
| |
Video(String name, String source, String notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1","~/videofile1.mp4","Browser does not support", true, true, true) |
| |
Video(String name, String source, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop,
Object htmlAttributes) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1","~/videofile1.mp4","Browser
does not support", true, true, true, new { @width="500px",
@height="500px"}) |
| |
Video(String name, IEnumerable<SourceListItem> sourceList, String notSupportedMessage) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1", new SourceList(ViewBag.Sources) ,"Browser does not support") |
| |
Video(String name, IEnumerable<SourceListItem> sourceList, String notSupportedMessage, Object htmlAttributes) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1", new
SourceList(ViewBag.Sources) ,"Browser does not support", new {
@width="500px", @height="500px"}) |
| |
Video(String name,
IEnumerable<SourceListItem> sourceList, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1", new SourceList(ViewBag.Sources) ,"Browser does not support", true, true, true) |
| |
Video(String name,
IEnumerable<SourceListItem> sourceList, String
notSupportedMessage, bool showControls, bool autoPlay, bool playInLoop,
Object htmlAttributes) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1", new
SourceList(ViewBag.Sources) ,"Browser does not support", true, true,
true, new { @width="500px", @height="500px"}) |
| |
Video(String name, IEnumerable<SourceListItem>, ObjectType ObjectType, String ObjectSource) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1",new SourceList(ViewBag.Sources), ObjectType.Flash, "~/flash1.swf") |
| |
Video(String name, IEnumerable<SourceListItem>, ObjectType ObjectType, String ObjectSource, Object htmlAttributes) |
Renders a video element in the client browser. | @Html.Html5().Media.Video("video1",new
SourceList(ViewBag.Sources), ObjectType.Flash, "~/flash1.swf", new {
@width="500px", @height="500px"}) |
Html5 Canvas Extensions
| Name | Description | Example | |
| |
EmptyCanvas(String name, String notSupportedMessage) |
Renders a empty canvas element in the client browser. | @Html.Html5().Canvas.EmptyCanvas("canvas1", "Browser does not support") |
| |
EmptyCanvas(String name, String notSupportedMessage, Object htmlAttributes) |
Renders a empty canvas element in the client browser. | @Html.Html5().Canvas.EmptyCanvas("canvas1", "Browser does not support", new { @width="500px", @height="500px"}) |
| |
Rectangle(String name, String
notSupportedMessage, int x, int y, int width, int height, int thickness,
String lineColor, Object htmlAttributes) |
Renders a rectangle element in canvas in the client browser. | @Html.Html5().Canvas.Rectangle("canvas1",
"Browser does not support", 100, 100, 200, 150, 4, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
FilledRectangle(String name, String
notSupportedMessage, int x, int y, int width, int height, String
fillColor, Object htmlAttributes) |
Renders a filled rectangle element in canvas in the client browser. | @Html.Html5().Canvas.Rectangle("canvas1",
"Browser does not support", 100, 100, 200, 150, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Ellipse(String name, String notSupportedMessage,
int cx, int cy, int width, int height, int thickness, String lineColor,
Object htmlAttributes) |
Renders a ellipse element in canvas in the client browser. | @Html.Html5().Canvas.Ellipse("canvas1", "Browser
does not support", 100, 100, 200, 150, 4, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
FilledEllipse(String name, String
notSupportedMessage, int cx, int cy, int width, int height, String
fillColor, Object htmlAttributes) |
Renders a filled ellipse element in canvas in the client browser. | @Html.Html5().Canvas.FilledEllipse("canvas1",
"Browser does not support", 100, 100, 200, 150, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Circle(String name, String notSupportedMessage,
int x, int y, float radius, int thickness, String lineColor, Object
htmlAttributes) |
Renders a circle element in canvas in the client browser. | @Html.Html5().Canvas.Circle("canvas1", "Browser
does not support", 100, 200, 75, 4, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledCircle(String name, String notSupportedMessage, int x, int y, float radius, String fillColor, Object htmlAttributes) |
Renders a filled circle element in canvas in the client browser. | @Html.Html5().Canvas.FilledCircle("canvas1",
"Browser does not support", 100, 200, 75, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Arc(String name, String notSupportedMessage, int
x, int y, float radius, int thickness, float startAngle, float endAngle,
String lineColor, Object htmlAttributes) |
Renders a arc element in canvas in the client browser. | @Html.Html5().Canvas.Arc("canvas1", "Browser does
not support", 100, 200, 75, 5, 150, 250, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
FilledArc(String name, String
notSupportedMessage, int x, int y, float radius, float startAngle, float
endAngle, String fillColor, Object htmlAttributes) |
Renders a filled arc element in canvas in the client browser. | @Html.Html5().Canvas.FilledArc("canvas1",
"Browser does not support", 100, 200, 75, 150, 250, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
BeizerCurve(String name, String
notSupportedMessage, int x1, int y1, int x2, int y2, float radius, int
thickness, String lineColor, Object htmlAttributes) |
Renders a beizer curve element in canvas in the client browser. | @Html.Html5().Canvas.BeizerCurve("canvas1",
"Browser does not support", 100, 200, 175, 150, 75, 5, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
FilledBeizerCurve(String name, String
notSupportedMessage, int x1, int y1, int x2, int y2, float radius,
String fillColor, Object htmlAttributes) |
Renders a filled beizer curve element in canvas in the client browser. | @Html.Html5().Canvas.FilledBeizerCurve("canvas1",
"Browser does not support", 100, 200, 175, 150, 75, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
QuadraticCurve(String name, String
notSupportedMessage, int x1, int y1, int x2, int y2, int thickness,
String lineColor, Object htmlAttributes) |
Renders a quadratic curve element in canvas in the client browser. | @Html.Html5().Canvas.QuadraticCurve("canvas1",
"Browser does not support", 100, 200, 175, 150, 5, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
FilledQuadraticCurve(String name, String
notSupportedMessage, int x1, int y1, int x2, int y2, String fillColor,
Object htmlAttributes) |
Renders a filled quadratic curve element in canvas in the client browser. | @Html.Html5().Canvas.FilledQuadraticCurve("canvas1",
"Browser does not support", 100, 200, 175, 150, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Polygon(String name, String notSupportedMessage, Point[] points, int thickness, String lineColor, Object htmlAttributes) |
Renders a polygon element in canvas in the client browser. | @Html.Html5().Canvas.Polygon("canvas1", "Browser
does not support", ViewBag.Points, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledPolygon(String name, String notSupportedMessage, Point[] points, String fillColor, Object htmlAttributes) |
Renders a filled polygon element in canvas in the client browser. | @Html.Html5().Canvas.FilledPolygon("canvas1",
"Browser does not support", ViewBag.Points, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Text(String name, String notSupportedMessage, int
x, int y, String text, String fontFamily, int fontSize, String
fontStyle, int thickness, String lineColor, Object htmlAttributes) |
Renders a text element in canvas in the client browser. | -@Html.Html5().Canvas.Text("canvas1", "Browser
does not support", 200, 300, "CodeProject", "Tahoma", 35, "bold", 5,
"#FF0000", new { @width="500px", @height="500px"}) |
| |
FilledText(String name, String
notSupportedMessage, int x, int y, String text, String fontFamily, int
fontSize, String fontStyle, String fillColor, Object htmlAttributes) |
Renders a filled text element in canvas in the client browser. | @Html.Html5().Canvas.FilledText("canvas1",
"Browser does not support", 200, 300, "CodeProject", "Tahoma", 35,
"bold", "#FF0000", new { @width="500px", @height="500px"}) |
| |
Line(String name, String notSupportedMessage, int
x1, int y1, int x2, int y2, int thickness, String lineColor, Object
htmlAttributes) |
Renders a line element in canvas in the client browser. | @Html.Html5().Canvas.Line("canvas1", "Browser
does not support", 200, 300, 400, 450, 5, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Image(String name, String notSupportedMessage, int x, int y, int width, int height, String imageUrl, Object htmlAttributes) |
Renders a image element in canvas in the client browser. | @Html.Html5().Canvas.Image("canvas1", "Browser
does not support", 50, 50, 250, 250, "~/imagefile1.jpg", new {
@width="500px", @height="500px"}) |
Html5 Svg Extensions
| Name | Description | Example | |
| |
EmptySvg(String name, String notSupportedMessage) |
Renders a empty svg element in the client browser. | @Html.Html5().Svg.EmptySvg("svg1", "Browser does not support") |
| |
EmptySvg(String name, String notSupportedMessage, Object htmlAttributes) |
Renders a empty svg element in the client browser. | @Html.Html5().Svg.EmptySvg("svg1", "Browser does not support", new { @width="500px", @height="500px"}) |
| |
Rectangle(String name, String
notSupportedMessage, int x, int y, int width, int height, int thickness,
String lineColor, Object htmlAttributes) |
Renders a svg element containing a rectangle in the client browser. | @Html.Html5().Svg.Rectangle("svg1", "Browser does
not support", 200, 300, 300, 200, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledRectangle(String name, String
notSupportedMessage, int x, int y, int width, int height, String
fillColor, Object htmlAttributes) |
Renders a svg element containing a filled rectangle in the client browser. | @Html.Html5().Svg.FilledRectangle("svg1",
"Browser does not support", 200, 300, 300, 200, "#FF0000", new {
@width="500px", @height="500px"}) |
| |
Ellipse(String name, String notSupportedMessage,
int cx, int cy, int width, int height, int thickness, String lineColor,
Object htmlAttributes) |
Renders a svg element containing a ellipse in the client browser. | @Html.Html5().Svg.Ellipse("svg1", "Browser does
not support", 200, 300, 300, 200, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledEllipse(String name, String
notSupportedMessage, int cx, int cy, int width, int height, String
fillColor, Object htmlAttributes) |
Renders a svg element containing a filled ellipse in the client browser. | @Html.Html5().Svg.FilledEllipse("svg1", "Browser
does not support", 200, 300, 300, 200, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
Circle(String name, String notSupportedMessage,
int cx, int cy, float radius, int thickness, String lineColor, Object
htmlAttributes) |
Renders a svg element containing a circle in the client browser. | @Html.Html5().Svg.Circle("svg1", "Browser does
not support", 200, 300, 75, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledCircle(String name, String notSupportedMessage, int cx, int cy, float radius, String fillColor, Object htmlAttributes) |
Renders a svg element containing a filled circle in the client browser. | @Html.Html5().Svg.FilledCircle("svg1", "Browser
does not support", 200, 300, 75, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
Polygon(String name, String notSupportedMessage, Point[] points, int thickness, String lineColor, Object htmlAttributes) |
Renders a svg element containing a polygon in the client browser. | @Html.Html5().Svg.Polygon("svg1", "Browser does
not support", ViewBag.Points, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
FilledPolygon(String name, String notSupportedMessage, Point[] points, String fillColor, Object htmlAttributes) |
Renders a svg element containing a filled polygon in the client browser. | @Html.Html5().Svg.FilledPolygon("svg1", "Browser
does not support", ViewBag.Points, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
Text(String name, String notSupportedMessage, int
x, int y, String text, String fontFamily, int fontSize, String
fontWeight, String fontStyle, String textDecoration, int thickness,
String lineColor, Object htmlAttributes) |
Renders a svg element containing a text in the client browser. | @Html.Html5().Svg.Text("svg1", "Browser does not
support", 100, 150, "CodeProject", "Tahoma", 35, "bold", "italic",
"underline", 5, "#FF0000", new { @width="500px", @height="500px"}) |
| |
FilledText(String name, String
notSupportedMessage, int x, int y, String text, String fontFamily, int
fontSize, String fontWeight, String fontStyle, String textDecoration,
String fillColor, Object htmlAttributes) |
Renders a svg element containing a filled text in the client browser. | @Html.Html5().Svg.FilledText("svg1", "Browser
does not support", 100, 150, "CodeProject", "Tahoma", 35, "bold",
"italic", "underline", "#FF0000", new { @width="500px",
@height="500px"}) |
| |
Line(String name, String notSupportedMessage, int
x1, int y1, int x2, int y2, int thickness, String lineColor, Object
htmlAttributes) |
Renders a svg element containing a line in the client browser. | @Html.Html5().Svg.Line("svg1", "Browser does not
support", 100, 150, 300, 400, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
PolyLine(String name, String notSupportedMessage, Point[] points, int thickness, String lineColor, Object htmlAttributes) |
Renders a svg element containing a polyline in the client browser. | @Html.Html5().Svg.PolyLine("svg1", "Browser does
not support", ViewBag.Points, 5, "#FF0000", new { @width="500px",
@height="500px"}) |
| |
Image(String name, String notSupportedMessage, int x, int y, int width, int height, String imageUrl, Object htmlAttributes) |
Renders a svg element containing a image in the client browser. | @Html.Html5().Svg.Image("svg1", "Browser does not
support", 50, 50, 300, 300, "~/imagefile1.jpg", new { @width="500px",
@height="500px"}) |
Samples of Usage of the Class Library
Small Piece of Code
//Creating input elements of different input type.
private TagBuilder BuildInputTag(string name, string inputType, object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("input");
if (htmlAttributes != null)
{
RouteValueDictionary routeValueDictionary =
new RouteValueDictionary(htmlAttributes);
tagBuilder.MergeAttributes(routeValueDictionary);
}
tagBuilder.MergeAttribute("type", inputType);
tagBuilder.MergeAttribute("name", name);
tagBuilder.MergeAttribute("id", name);
return tagBuilder;
}
//Creating video element
public MvcHtmlString Video(string name, IEnumerable<sourcelistitem> sourceList,
ObjectType objectType, string objectSource, object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("video");
if (htmlAttributes != null)
{
RouteValueDictionary routeValueDictionary =
new RouteValueDictionary(htmlAttributes);
tagBuilder.MergeAttributes(routeValueDictionary);
}
tagBuilder.MergeAttribute("id", name);
StringBuilder sourceItemBuilder = new StringBuilder();
sourceItemBuilder.AppendLine();
foreach (var sourceItem in sourceList)
{
sourceItemBuilder.AppendLine(SourceItemToSource(sourceItem));
}
sourceItemBuilder.AppendLine();
if (objectType == ObjectType.Flash)
{
sourceItemBuilder.AppendLine(CreateFlashObject
(objectSource, htmlAttributes));
}
else
{
sourceItemBuilder.AppendLine(CreateSilverlightObject
(sourceList, objectSource, htmlAttributes));
}
tagBuilder.InnerHtml = sourceItemBuilder.ToString();
sourceItemBuilder.AppendLine();
return MvcHtmlString.Create(tagBuilder.ToString(TagRenderMode.Normal));
}
//Creating canvas element
public MvcHtmlString EmptyCanvas(string name,
string notSupportedMessage, object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("canvas");
if (htmlAttributes != null)
{
RouteValueDictionary routeValueDictionary =
new RouteValueDictionary(htmlAttributes);
tagBuilder.MergeAttributes(routeValueDictionary);
}
tagBuilder.MergeAttribute("id", name);
tagBuilder.InnerHtml = notSupportedMessage;
return MvcHtmlString.Create(tagBuilder.ToString(TagRenderMode.Normal));
}
//Creating svg element
private static TagBuilder CreateSvgTag(string name,
string notSupportedMessage, object htmlAttributes)
{
TagBuilder tagBuilder = new TagBuilder("svg");
if (htmlAttributes != null)
{
RouteValueDictionary routeValueDictionary =
new RouteValueDictionary(htmlAttributes);
tagBuilder.MergeAttributes(routeValueDictionary);
}
tagBuilder.MergeAttribute("xmlns", "http://www.w3.org/2000/svg");
tagBuilder.MergeAttribute("id", name);
tagBuilder.InnerHtml = notSupportedMessage;
return tagBuilder;
}
No comments :
Post a Comment