How to set inline css width using model values in c#, mvc

Question

In my case I pass data from controller to view using ViewBag.data and it binds correctly. Now what I want is to set the CSS width value. This is part of my view code.

  @foreach(var rat in @ViewBag.reviewRating)
  {
      <div class="Traveler-ratingsLine">
           <div class="Traveler-ratingsText">Excellent</div>
           <div class="Traveler-ratingsBar">
                 <div style="width: 100px" class="Traveler-ratingsBkg">
                      <div style="width: 32px;" class="Traveler-ratingsImg"></div>
                 </div>
           </div>
           <div class="Traveler-ratingsTextGreen">@rat.excellent</div>
     </div>
 }

So what I want to know is, is it possible to do something like this:

<div style="width: (@rat.someval)px;" class="Traveler-ratingsImg"></div>

I want to set the integer value from the controller like this for the CSS width.

Manoz · Accepted Answer · 2016-02-18 05:55:50Z

10

Do it like this-

<div style="width: @(rat.someval+"px")" class="Traveler-ratingsImg"></div>

see here

answered Feb 18, 2016 at 5:55

Manoz

6,62713 gold badges72 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to set inline css width using model values in c#, mvc

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related