title: I can't display image in a MVC view using Orchard CMS
body: <p>I am using a webGrid to display data. Two columns are checkboxes. Instead of displaying the checkboxes, I want to display two .png images.</p>
  
  <p>As you can see in the code, I've tried three different ways to do it.</p>
  
  <p>I created a variable to hold the path, I used the string.Format, and I also put the path as a parameter in Html.Raw. None of them work.</p>
  
  <p>I also added a Web.config file to the images folder, but it doesn't seem to work either.</p>
  
  <p>Am I missing something? How can I make it work?</p>
  
  <p>I'll appreciate your help.</p>
  
  <pre><code>  @{
       var checkboxEmpty = "&lt;img src=\"~/Modules/Mime.Picor/Content/images/CheckboxEmpty.png\" /&gt;";
       var grid = new WebGrid(Model, canPage: false);
   }
  
  &lt;div&gt;
  @grid.GetHtml(
  tableStyle: "table table-striped table-condensed table-hover table-bordered",
  headerStyle: "success",
  columns: grid.Columns(
      grid.Column("Name", format: (item) =&gt; Html.ActionLink((string)item.Name, "Details", "LoadList", new { id = item.Id }, null)),
      grid.Column("DateIssued", header: "Issued Date", format: (item) =&gt; item.DateIssued.ToShortDateString()),
      grid.Column("DateRevised", header: "Revised Date", format: (item) =&gt; item.DateRevised == null ? "" : item.DateRevised.ToShortDateString()),
      grid.Column("DateSchedShip", header: "Schedule Ship Date", format: (item) =&gt; item.DateSchedShip == null ? "" : item.DateSchedShip.ToShortDateString()),
      grid.Column("TruckingCompany", header: "Trucking Company"),
      grid.Column("Comments", header: "Special Instructions", style: "col-lg-2"),
      grid.Column("Complete", header: "Cmp", format: (item) =&gt;
      {
          if (item.Complete == 1)
          {
              return Html.Raw(string.Format("&lt;text&gt;&lt;img src=\"{0}\" alt=\"Image\"/&gt;&lt;/text&gt;", Url.Content("~/Modules/Mime.Picor/Content/images/CheckboxFull.png")));
          }
          else
          {
              return Html.Raw(checkboxEmpty);
          }
      }, style: "text-align-center"),
      grid.Column("MakeReady", header: "Mk. Rdy", style: "text-align-center", format: (item) =&gt; (item.MakeReady == 1) ? Html.Raw("&lt;img src='~/Content/images/CheckboxFull.png' /&gt;") : Html.Raw("&lt;img src='~/Content/images/CheckboxEmpty.png' /&gt;")),
      grid.Column("AllDistributors", header: "Distributors", canSort: false, style: "col-lg-4"),
      grid.Column("DEL", format: (item) =&gt; Html.ActionLink("Delete", "Delete", "LoadList", new { id = item.Id }, new { @class = "delete16image" }))
  ))
  </code></pre>
  
  <p></p>
  
  <p>Here is the rendered HTML for the picture path:</p>
  
  <pre><code>&lt;text&gt;
    &lt;img src="~/Modules/Mime.Picor/Content/images/CheckboxEmpty.png&gt;&lt;/img&gt;
  &lt;/text&gt;
  </code></pre>