Is there a way to put an if statement within a foreach loop in a cshtml page?

user_14764809 0
Viewed 165

I am studying mvc and user interface. I am trying to display and check user details and if a certain variable is true, I want a bootstrap toggle on icon to appear, and if false, I want it to be a toggle off icon. So if s.Active is true, instead of true, I want the on icon. Can anyone advise on this?

@foreach(var s in Model.Tickets) {
           <tr>
               <td>@s.Issue</td>
               <td>@s.CreatedOn</td>
               <td>@s.Active</td>
               
           </tr>
       }```
razor model-view-controller asp.net
1 Answers

ok, you can use if with for

@foreach(var s in Model.Tickets) {
           <tr>
               <td>@s.Issue</td>
               <td>@s.CreatedOn</td>
               <td>
               @if (s.Active)
                   {
                    <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch1" checked>
                    <label class="custom-control-label" for="customSwitch1"></label>
                    </div>
                   }
                else
                   {
                     <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="customSwitch1">
                    <label class="custom-control-label" for="customSwitch1"></label>
                     </div>
                    }
               </td>
           </tr>
       }

this toggle work according to bootstrap, i used this https://bootswatch.com/litera/

or you also could use your own toggle style

user_91570460
Related