I have the following code in my view:-

@using Infragistics.Web.Mvc
@model Px.ModelFirst3.ViewModels.ClientSelectViewModel

@{
    ViewBag.Title = "ClientSelect";
}

<!-- These style references are used by the Infragistics Loader rendered below to change the theme -->
<link href="~/Infragistics/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" />
<link href="~/Content/Site.css" rel="stylesheet" />

<!-- Required JavaScript Files for using Infragistics jQuery UI-based widgets with the Infragistics Loader -->
<script src="~/Scripts/modernizr-2.6.2.js"></script>
<script src="~/Scripts/jquery-2.0.3.js"></script>
<script src="~/Scripts/jquery-ui-1.10.3.js"></script>

<!-- This script reference is require by the Infragistics Loader rendered below -->
<script src="~/Infragistics/js/infragistics.core.js"></script>
<script src="~/Infragistics/js/infragistics.dv.js"></script>
<script src="~/Infragistics/js/infragistics.lob.js"></script>
<script src="~/Infragistics/js/infragistics.loader.js"></script>

@(Html.Infragistics().Loader()
              .ScriptPath(Url.Content("~/Infragistics/js/"))
              .CssPath(Url.Content("~/Infragistics/css/"))
              .Render()
      )

<h2>Client Details</h2>
@{
    if (Model.JuristicPerson == null)
    {
    <table>
        <tr>
            <td>@(Html.LabelFor(model => model.NaturalPerson.Surname))</td>
            <td>@(Html.Infragistics().TextEditorFor(model => model.NaturalPerson.Surname)
                      .Width(300)
                      .Render())</td>
        </tr>
    </table>
    }
}

This displays as per Ignite_01.jpg