Mvc Form Helper Extensions

Assembly
WebExtras.Mvc.dll
Namespace
WebExtras.Mvc.Core
Dependancies
  • Appropriate third party libraries
  • webextras.gumby.css

Buttons

Markup


  @Html.Button(EButton.Regular, "Regular button")
  

Output

All available extensions


  @Html.Button(type, text, htmlAttributes)                     // type - can be Regular, Submit or Reset
  @Html.Button(type, text, onclick, htmlAttributes)            // onclick - javascript onclick event
  

Checkbox Group

Markup


  @Html.CheckBoxGroup("my checkbox group", new CheckBox[] {
    new CheckBox("checkbox 1", "1"),
    new CheckBox("checkbox 2", "2"),
    new CheckBox("checkbox 3", "3"),
    new CheckBox("checkbox 4", "4"),
    new CheckBox("checkbox 5", "5"),                  // Note that by default 5 checkboxes will be shown per line
    new CheckBox("checkbox 6", "6"),
    new CheckBox("checkbox 7", "7"),
    new CheckBox("checkbox 8", "8"),
    new CheckBox("checkbox 9", "9"),
    new CheckBox("checkbox 10", "10"),
  })
  

Output

// The rendered table will have a CSS class .checkbox-group applied which you can use to control styling

checkbox 1 checkbox 2 checkbox 3 checkbox 4 checkbox 5
checkbox 6 checkbox 7 checkbox 8 checkbox 9 checkbox 10

All available extensions


  @Html.CheckBoxGroup(groupname, checkboxes, htmlAttributes)
  @Html.CheckBoxGroup(groupname, checkboxes, boxesPerLine, htmlAttributes)
  

RadioButton Group

Markup


  @Html.RadioButtonGroup("my radio group", new RadioButton[] {
    new RadioButton("radiobutton 1", "1"),
    new RadioButton("radiobutton 2", "2"),
    new RadioButton("radiobutton 3", "3"),
    new RadioButton("radiobutton 4", "4"),
    new RadioButton("radiobutton 5", "5"),                  // Note that by default 5 radio buttons will be shown per line
    new RadioButton("radiobutton 6", "6"),
    new RadioButton("radiobutton 7", "7"),
    new RadioButton("radiobutton 8", "8"),
    new RadioButton("radiobutton 9", "9"),
    new RadioButton("radiobutton 10", "10"),
  })
  

Output

// The rendered table will have a CSS class .radiobutton-group applied which you can use to control styling

radiobutton 1 radiobutton 2 radiobutton 3 radiobutton 4 radiobutton 5
radiobutton 6 radiobutton 7 radiobutton 8 radiobutton 9 radiobutton 10

All available extensions


  @Html.RadioButtonGroup(groupname, radiobuttons, htmlAttributes)
  @Html.RadioButtonGroup(groupname, radiobuttons, buttonsPerLine, htmlAttributes)