Как добавить класс к первому ребенку на foreach в Умбрако - PullRequest
Новая
       13

Как добавить класс к первому ребенку на foreach в Умбрако

1 голос
/ 03 июля 2019

Я делаю динамический Bootstrap столбец в Umbraco. Как я могу назначить класс "col-md-offset-1" только первому дочернему элементу в столбце col-md-2? 

@{
   foreach (IPublishedContent list in homeList.Where(x => x.IsVisible()))
   {
      string text = list.GetPropertyValue<string>("listText");
      string style = list.GetPropertyValue<string>("listItemStyle");

      <div class="col-md-2 text-center">
         <div class="circle"><i class="@style"></i></div>
            <p>@text</p>
      </div>
   }
 }

1 Ответ

1 голос
/ 03 июля 2019

Вы можете попробовать что-то вроде: 

@{
   var additionalClassForFirstItem = "col-md-offset-1";
   foreach (IPublishedContent list in homeList.Where(x => x.IsVisible()))
   {
      string text = list.GetPropertyValue<string>("listText");
      string style = list.GetPropertyValue<string>("listItemStyle");

      <div class="col-md-2 text-center @{additionalClassForFirstItem}">
         <div class="circle"><i class="@style"></i></div>
            <p>@text</p>
      </div>
      if (!string.IsNullOrEmpty(additionalClassForFirstItem)) {
         additionalClassForFirstItem = string.Empty;
      }
   }
 }

или выполнить итерацию for, используя целочисленную переменную, например for (int i = 1, ..), и проверить, если это = 1

...