Multiple html classes with c#

Question

I want to add more classes to a table in mvc3 c#.

I now have this:

<tr class=@(item.cancelled ? "cancelled" : "")>

Is it possible to add an extra class here for example:

<tr class= "cancelled added">

MVC and C# have nothing to do with it, it's purely a HTML/CSS related question. AFAIK, you can't have multiple classes on an HTML element. — Thomas Levesque
– Thomas Levesque, Commented May 15, 2012 at 7:51
@ThomasLevesque Yes you can, i do it all the time. Read the link from Oskar — Undefined
– Undefined, Commented May 15, 2012 at 8:33
@Sam, my mistake... last time I tried it didn't seem to work. CSS isn't really my thing ;) — Thomas Levesque
– Thomas Levesque, Commented May 15, 2012 at 9:09

Chuck Norris · Accepted Answer · 2012-05-15 07:51:30Z

4

 <tr class="@(item.cancelled ? "cancelled" : "") added">

answered May 15, 2012 at 7:51

Chuck Norris

15.2k15 gold badges96 silver badges128 bronze badges

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

Comments

Liquid · Accepted Answer · 2012-06-25 06:16:12Z

1

A better way to use it is like this:

@using (Html.Td(item, isBlocked))
{
    <div>some contents for the td</div>
}

like this:

public static class HtmlExtensions
{
    private class TdElement : IDisposable
    {
        private readonly ViewContext _viewContext;
        private bool _disposed;

        public TdElement(ViewContext viewContext)
        {
            if (viewContext == null)
            {
                throw new ArgumentNullException("viewContext");
            }
            _viewContext = viewContext;
        }

        public void Dispose()
        {
            this.Dispose(true);
            GC.SuppressFinalize(this);
        }

        protected virtual void Dispose(bool disposing)
        {
            if (!this._disposed)
            {
                _disposed = true;
                _viewContext.Writer.Write("</td>");
            }
        }
    }

    public static IDisposable Td(this HtmlHelper html, ItemViewModel item, bool isBlocked)
    {
        var td = new TagBuilder("td");
        var title = item.Cancelled 
            ? "Cancelled" 
            : item.Confirmed 
                ? isBlocked 
                    ? "blocked date" 
                    : "" 
                : "Confirm needed";

        if (!string.IsNullOrEmpty(title))
        {
            td.Attributes["title"] = title;
        }
        html.ViewContext.Writer.Write(td.ToString(TagRenderMode.StartTag));
        var element = new TdElement(html.ViewContext);
        return element;
    }
}

answered Jun 25, 2012 at 6:16

Liquid

1,8911 gold badge17 silver badges32 bronze badges

2 Comments

user1395543 Over a year ago

I think I prefer Chuck's answer here. It's way shorter and easier to use. But thanks for your work.

Liquid Over a year ago

Indeed Chuck's answer works better for you here if you plan on only adding one attribute. it could get long if you need to use a lot of attributes

Collectives™ on Stack Overflow

Multiple html classes with c#

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related