Adding an image within C# code (MVC4)

Question

I'm trying to load an image within a webgrid within some if/else logic. Essentially if the API returns true show one image if false show the other image however the code I'm using right now -

columns: grid.Columns(
         grid.Column("PowerState", format: (vm) =>
         {
             if (vm.PowerState == "Stopped") //Choose font colour depending on the status of the VM
             {
                 return new HtmlString("<img src =&quot;~/Content/offstate.png&quot;>");
             }

             else
             {
                 return new HtmlString("<img src =~/Content/onstate.png>");
             }
         }),

isn't working as intended as the URLs returned by each image are https://localhost:44300/~/Content/onstate.png and https://localhost:44300/"~/Content/offstate.png" respectively when what I want is https://localhost:44300/Content/offstate.png

(tried removing the ~/ out of annoyance but this will return https://localhost:44300/Home/Content/onstate.png just in case somebody has that idea.)

EDIT: The solution is to use the Url.Content function as so

return new HtmlString("<img src = " + Url.Content("~/Content/offstate.png") + ">");

As suggested by Ashok!

Community · Accepted Answer · 2017-05-23 12:02:23Z

1

You always need relative path to that image irrespective of current page. In such cases we need @Url.Content(...).

Look at why use @Url.Content topic and instead of providing path. Get path from @Url.Content and join to you html.

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered Oct 21, 2016 at 1:27

Ashokkumar M. Prajapati

4934 silver badges12 bronze badges

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

1 Comment

Ben Hili Over a year ago

Thanks for turning me on to that function!

Collectives™ on Stack Overflow

Adding an image within C# code (MVC4)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related