MVC Razor inline html

Question

How may I add HTML inside Razor tags?

I would like to add a DIV tag to my Html.ActionLink

  @if (Model == null)
  {
    @:<div class="m_button_wrapper">
      @Html.ActionLink("Stats", "Statistic", new { id = -1 });
    @:</div>
    @:<div class="m_button_wrapper">
      @Html.ActionLink("Result", "Result", new { id = -1 });
    @:</div>
  }
  else
  {
    @:<div class="m_button_wrapper">
      @Html.ActionLink("Stats", "Statistic", new { id = Model.id });
    @:</div>
    @:<div class="m_button_wrapper">
      @Html.ActionLink("Result", "Result", new { id = Model.id });
    @:</div>
  }

The DIV tags are not being generated.

score 3 · Answer 1 · answered Apr 02 '12 at 17:44

 @if (Model == null)
  {
    <div class="m_button_wrapper">
      @Html.ActionLink("Stats", "Statistic", new { id = -1 });
    </div>
    <div class="m_button_wrapper">
      @Html.ActionLink("Result", "Result", new { id = -1 });
    </div>
  }
  else
  {
    <div class="m_button_wrapper">
      @Html.ActionLink("Stats", "Statistic", new { id = Model.id });
    </div>
    <div class="m_button_wrapper">
      @Html.ActionLink("Result", "Result", new { id = Model.id });
    </div>
  }

You don't have to put @ everywhere - Razor parser is smart enough to match { with }.

score 1 · Accepted Answer · answered Apr 02 '12 at 17:45

@if (Model == null)
{
<div class="m_button_wrapper">
  @Html.ActionLink("Stats", "Statistic", new { id = -1 });
</div>
<div class="m_button_wrapper">
  @Html.ActionLink("Result", "Result", new { id = -1 });
</div>
}
else
{
<div class="m_button_wrapper">
  @Html.ActionLink("Stats", "Statistic", new { id = Model.id });
</div>
<div class="m_button_wrapper">
  @Html.ActionLink("Result", "Result", new { id = Model.id });
</div>
}

MVC Razor inline html

2 Answers2