Using MVC3 ViewData inside Style attribute of div

Question

I´m working on a MVC3 project.

I already have a decimal value into a ViewData["nReceived"] calculated in the controller. After that the controller calls to Index view.

I'm able to display it on Index view outside of a element

<div class="bar bar-success" style="width: 42%;">Received  @ViewData["nReceived"]</div>

but I need to use this value as a property of element replacing the width percentage.

I tried this with no success:

<div class="bar bar-success" style="width: @ViewData["nReceived"]%;">Received</div>

and also this:

@ViewContext.Writer
    .Write("<div class=\"bar bar-success\" style=\"width: @ViewData["nReceived"]%;">")

Any ideas on how to get it working?

ssilas777 · Accepted Answer · 2013-03-07 13:35:01Z

5

This should work use @()

<div class="bar bar-success" style="width:@(ViewData["nReceived"])%;">Received</div>

Also Since you are using MVC3, you can try ViewBag as well

<div class="bar bar-success" style="width:@(ViewBag.nReceived)%;">Received</div>

answered Mar 7, 2013 at 13:35

ssilas777

9,7704 gold badges48 silver badges70 bronze badges

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

5 Comments

ɐsɹǝʌ ǝɔıʌ Over a year ago

thanks for your answer. First option still not working. Using ViewBag i have the same problem that in origin. I can use it outside div element but not as a property

ssilas777 Over a year ago

But both the way should work I tested this in my MVC3 as well as MVC4 apps.

ssilas777 Over a year ago

What's the result you getting when trying this? and are you trying this in same view?

ɐsɹǝʌ ǝɔıʌ Over a year ago

The result is that div element has no width, but if i use @(ViewBag.nReceived) or @(ViewData["nReceived"] outside the div element, the decimal value is displayed correctly, so i can be sure that it contains value

ɐsɹǝʌ ǝɔıʌ Over a year ago

Sorry my mistake!!! I was trying to set a decimal value to the width property and this is not valid. Width property only allow entire values. Inserting a int32 value instead decimal into Viewbag or Viewdata works like a charm!! Thank you so much!! :)

msarchet · Accepted Answer · 2013-03-07 13:27:59Z

0

style='width: @Html.Raw(ViewData["nReceived"])' you're breaking your quotes and you need this to render out a little differently here

edited Mar 7, 2013 at 13:27

answered Mar 7, 2013 at 13:15

msarchet

15.3k2 gold badges45 silver badges66 bronze badges

4 Comments

ɐsɹǝʌ ǝɔıʌ Over a year ago

Thanks for your answer. I have not .ToRaw() in the @Html helper :(

msarchet Over a year ago

you are correct it should be Raw, which version of MVC are you using?

ɐsɹǝʌ ǝɔıʌ Over a year ago

I´m using MVC3 on Visual Studio 2010

ɐsɹǝʌ ǝɔıʌ Over a year ago

Finally i was able to find Raw an d tried this <div class="bar bar-danger"style="width: @Html.Raw(System.Convert.ToString(ViewData["nReceived"]))%;"></div> since Raw requires a string. No luck :(

Collectives™ on Stack Overflow

Using MVC3 ViewData inside Style attribute of div

2 Answers 2

5 Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related