Input

C1 MVC's input module contains input controls designed to make data entry easy and efficient, using mouse or touch.

C1 MVC's input controls are specialized and optimized for each data type. The input module currently contains 16 controls with the following class hierarchy:

  • Control abstract
    • Calendar dates
    • ColorPicker colors
    • DropDown abstract
      • ComboBox items/strings
        • AutoComplete items/strings
          • MultiAutoComplete multiple items/strings
        • InputTime times
        • Menu commands
        • MultiSelect multiple items/strings
      • InputColor colors
      • InputDate dates
        • InputDateTime dates and times
    • InputMask strings
    • InputNumber numbers
    • ListBox items/strings
    • Popup container
// This file locates: "Content/css/Lesson/C1Input/Index.css".
ul {
  padding-left: 15px;
}
.demo-control li {
  list-style-type: square;
}
.detail {
  opacity: .5;
  font-style: italic;
}
  .detail:before {
    content: "("
  }
  .detail:after {
    content: ")"
  }
using System.Web.Mvc;

namespace LearnMvcClient.Controllers
{
    public partial class C1InputController : Controller
    {
        // GET: Index
        public ActionResult Index()
        {
            return View();
        }
    }
}
<h1>
    @Html.Raw(Resources.C1Input.Index_Title)
</h1>
<p>
    @Html.Raw(Resources.C1Input.Index_Text1)
</p>
<p>
    @Html.Raw(Resources.C1Input.Index_Text2)
</p>

<ul>
  <li>
    @Html.Raw(Resources.C1Input.Index_Text3)
    <ul>
      <li>@Html.Raw(Resources.C1Input.Index_Text4)</li>
      <li>@Html.Raw(Resources.C1Input.Index_Text5)</li>
      <li>
        @Html.Raw(Resources.C1Input.Index_Text6)
        <ul>
          <li>
            @Html.Raw(Resources.C1Input.Index_Text7)
            <ul>
              <li>
                @Html.Raw(Resources.C1Input.Index_Text8)
                <ul>
                  <li>@Html.Raw(Resources.C1Input.Index_Text9)</li>
                </ul>
              </li>
              <li>@Html.Raw(Resources.C1Input.Index_Text10)</li>
              <li>@Html.Raw(Resources.C1Input.Index_Text11)</li>
              <li>@Html.Raw(Resources.C1Input.Index_Text12)</li>
            </ul>
          </li>
          <li>@Html.Raw(Resources.C1Input.Index_Text13)</li>
          <li>
            @Html.Raw(Resources.C1Input.Index_Text14)
            <ul>
              <li>@Html.Raw(Resources.C1Input.Index_Text15)</li>
            </ul>
          </li>
        </ul>
      </li>
      <li>@Html.Raw(Resources.C1Input.Index_Text16)</li>
      <li>@Html.Raw(Resources.C1Input.Index_Text17)</li>
      <li>@Html.Raw(Resources.C1Input.Index_Text18)</li>
      <li>@Html.Raw(Resources.C1Input.Index_Text19)</li>
    </ul>
    </li>
</ul>