CODEWITHSUNDEEP
asp.net-mvcrazorhelper
Samy Sammour
Samy Sammour

Reputation: 2465

helper show the html as a string asp.net MVC 5

I am working on asp.net MVC 5, I created a helper for boolean.

I wrote this: 

public class CustomHelper
    {
        public static string Boolean(bool? value)
        {
            if(value == true )
                return string.Format("<span class='glyphicon glyphicon-ok green'></span>");
            else
                return string.Format("<span class='glyphicon glyphicon-remove red'></span>");
        }
    }

and the Razor is: 

<td>
     @CustomHelper.Boolean(item.Deleted)
</td>

but the result is the same as the photo. the html appears as a string enter image description here

how to fix it? so I can show the symbol instead? thank you

Upvotes: 1

Views: 556

Answers (1)

Haitham Shaddad
Haitham Shaddad

Reputation: 4456

By default, the @ symbol encodes the output. You should create your custom check as an extension method to the HtmlHelper class as below

    public static class BooleanExtensions
         {
              public static MvcHtmlString Boolean(this HtmlHelper helper, bool value)
              {
                  var spanTag = new TagBuilder("span");
                  if(value)
                     spanTag.MergeAttribute("class", glyphicon glyphicon-ok green");
                  else
                     spanTag.MergeAttribute("class", glyphicon glyphicon-remove red");

                   return MvcHtmlString.Create(spanTag.ToString(TagRenderMode.EndTag));           

              }
         }

Next, in your Razor view, call it as:

@Html.Boolean(item.Deleted)

Don't forget to add the @using for the namespace that has the class in the beginning of the view

Upvotes: 1

Related Questions