Rtl support demo

Awesome controls support Right-To-Left text direction, they will automatically detect the html text direction of the parent container and render accordingly.

 
  •  
RtlDemo/Index.cshtml
<div style="direction: rtl;">
@using (Html.BeginForm())
{
@Html.EditorFor(o => o.Name)
@Html.EditorFor(o => o.Number)
@Html.EditorFor(o => o.MealAuto)
@Html.EditorFor(o => o.Date)
<div style="min-height: 187px">
@Html.EditorFor(o => o.Categories)
</div>
<div style="min-height: 187px">
@Html.EditorFor(o => o.Category2)
</div>
@Html.EditorFor(o => o.CategoryFo)
@Html.EditorFor(o => o.Meal)
@Html.EditorFor(o => o.Meals)
@Html.EditorFor(o => o.MealsOdd)
@Html.EditorFor(o => o.MealsOddFavs)
@Html.EditorFor(o => o.CategoryBgrId)
@Html.EditorFor(o => o.CategoriesBgcIds)
@Html.EditorFor(o => o.CategoriesMultiIds)
@Html.EditorFor(o => o.ColorId)
@Html.EditorFor(o => o.MealComboId)
@Html.EditorFor(o => o.Organic)
@Html.EditorFor(o => o.Organic2)
@Html.EditorFor(o => o.Organic3)
@Html.EditorFor(o => o.OrganicSim)
@Html.AntiForgeryToken()
<div class="esubmit">
<input type="submit" value="submit" class="awe-btn mbtn" />
</div>
}
</div>

click the submit button to see the validation




Comments