title: Displaying Multiple Image Links instead of Text in WebGrid?
body: <p>I have a WebGrid definition and three links in a single column by using <strong>Html.ActionLink</strong>. But, when I do not use "LinkText" property, the <strong>applicantId</strong> property is passed as <strong>null</strong> value to the Controller.  </p>
  
  <p>On the other hand, when just using LinkTexts instead of " ", the id parameters can be passed successfully (Types as "My Link Text" below). However, I do not want to display text on the link and I just wanted to display Image.  </p>
  
  <p>I think there might be a typing mistake or there would be another ways suitable for MVC4 Razor like <strong>@Url.Action</strong>, etc. Here is my code in Razor View.   </p>
  
  <p>Could you help me please?  </p>
  
  <p>Thanks in advance.</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>//for using multiple Html.ActionLink in a column using Webgrid
  grid.Column("Operations", format: (item) =&gt;
   new HtmlString(
         Html.ActionLink("My Link Text", "Edit", "Admin", new
         {
             applicantId = item.ApplicantID,               
             title = "Detail",
             @class = "icon-link",
             style = "background-image: url('../../Content/icons/detail.png')"
         }, null).ToString() +
         Html.ActionLink(" ", "Edit", "Admin", new
         {
             applicantId = item.ApplicantID, 
             title = "Edit",
             @class = "icon-link",
             style = "background-image: url('../../Content/icons/edit.png')"
         }, null).ToString() +
         Html.ActionLink(" ", "Edit", "Admin", new
         {
             applicantId = item.ApplicantID,
             title = "Delete",
             @class = "icon-link",
             style = "background-image: url('../../Content/icons/delete.png')"
         }, null).ToString()
   )
  )
  
  
  
  &lt;style type="text/css"&gt;
      a.icon-link {
          background-color: transparent; 
          background-repeat: no-repeat; 
          background-position: 0px 0px;
          border: none;
          cursor: pointer; 
          width: 16px;
          height: 16px;
          margin-right: 8px; 
          vertical-align: middle;
      }
  &lt;/style&gt;
  </code></pre>