title: Design a Editor Template
body: <p>Currently I have a editor template page which has the code:</p>
  
  <pre><code>@model Comics.Models.LocalComicCategoriesModel
  
  @Html.LabelFor(x =&gt; x.Title, Model.Title)
  @Html.CheckBoxFor(x =&gt; x.isChecked)
  @Html.HiddenFor(x =&gt; x.Id)
  </code></pre>
  
  <p>Which I call from different pages with:</p>
  
  <pre><code>@Html.EditorFor(x =&gt; x.Categories)
  </code></pre>
  
  <p>When the template gets outputted, i just get a clunky html with no design to it like:
  <img src="https://i.stack.imgur.com/ir6NT.png" alt="enter image description here"></p>
  
  <p>What I want is something like:
  <img src="https://i.stack.imgur.com/FRWez.png" alt="enter image description here"></p>
  
  <p>I can achieve this by doing:</p>
  
  <pre><code>@model IEnumerable&lt;Comics.Models.LocalComicCategoriesModel&gt;
  
  &lt;div id="checkbox-list"&gt;
      @for (int iterator = 0; iterator &lt; Model.Count(); iterator++)
      {
          if ((iterator % 6) == 0 || iterator == 0)
          {
              @Html.Raw("&lt;div class='checkboxes_cont' style='float: left;'&gt;");
          }
  
  
          string catTitle = Model.ElementAt(iterator).Title;
          bool catChecked = Model.ElementAt(iterator).isChecked;
          string catId = Model.ElementAt(iterator).Id.ToString();
  
          &lt;div class="itemtest" style="width: 100px;"&gt;
              &lt;input id="Categories_@iterator.ToString()__isChecked" name="Categories[@iterator.ToString()].isChecked" type="checkbox" value="@catChecked.ToString()" data-title="@catTitle" @if (catChecked) { Write("checked=checked"); }&gt;
              &lt;label for="Categories_@iterator.ToString()__Title"&gt;@catTitle&lt;/label&gt;
              &lt;input name="Categories[@iterator.ToString()].isChecked" type="hidden" value="false"&gt;
              &lt;input data-val="true" data-val-number="The field Id must be a number." id="Categories_@iterator.ToString()__Id" name="Categories[@iterator.ToString()].Id" type="hidden" value="@catId"&gt;
          &lt;/div&gt;
  
          if ((iterator % 6) == 5 || iterator == Model.Count() - 1)
          {
              @Html.Raw("&lt;/div&gt;")
          }
      }
  &lt;/div&gt;
  </code></pre>
  
  <p>However when I send data back to the controller, the value for the new checkbox dosent get sent back. I was wondering if it were possible to do it through the editor template.</p>