@{ ViewBag.Title = "CreateCourse"; Layout = "~/Views/Shared/_LayoutAdmin.cshtml"; } @using NEducation.NEduService; @model NEducation.Models.CourseModel

Create new course

  1. Admin
  2. Courses
  3. Create course

Course Info

    • @*
    • *@
    • @*
    • *@
@using (Html.BeginForm("CreateCourseAction", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" })) { @Html.AntiForgeryToken()
@*

Personal Info

*@
@Html.TextBoxFor(m => m.selectedCourse.name, new { @Value = Model.selectedCourse.name, @class = "form-control" }) @**@
@Html.DropDownListFor(model => model.selectedCourse.typeId, Model.listCourseType, new { @class = "form-control" })
@Html.TextBoxFor(m => m.selectedCourse.category, new { @Value = Model.selectedCourse.category, @class = "form-control" })
@Html.EditorFor(model => model.selectedCourse.fee, new { @Value = Model.selectedCourse.fee, htmlAttributes = new { @class = "form-control", @type = "number", @min = "0" } })
@Html.TextAreaFor(m => m.selectedCourse.briefDescription, new { rows = "5", style = "resize:none;width:100%;", placeholder = Html.DisplayNameFor(m => m.selectedCourse.briefDescription), @class = "form-control" })
@Html.TextAreaFor(m => m.selectedCourse.detailDescription, new { rows = "20", style = "resize:none;width:100%;", placeholder = Html.DisplayNameFor(m => m.selectedCourse.detailDescription), @class = "form-control input-lg textarea-editor" })
}

Timesheet

This form shows the use of icons with form controls. Define the position of the icon using has-icon-left or has-icon-right class. Use icon-* class to define the icon for the form control. See Icons sections for the list of icons you can use.

$ .00

Complaint Form

This is a variation to the default form control styling. In this example all the form controls has round styling. To apply round style add class round to any form control.

Donation

This is another variation to the default form control styling. In this example all the form controls has square styling. To apply square style add class square to any form control.

$ .00

Event Registration

This example shows a way to center your form in the card. Here we have used col-md-6 offset-md-3 classes to center the form in a full width card. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.

Event Registration

This example shows a ways to center your card with form. Here we have used col-md-6 offset-md-3 classes to center the card as its not full width. User can always change those classes according to width and offset requirements. This example also uses form action buttons in the center bottom position of the card.