ASP.NET MVC3 C# - CSS by condition

Question

Same foreach loop I have been posting about for days :) I'm almost done :)

I now need to style the differing show and hide posts so that if they are 'hide' they need to be red. So I research and I can to that in CSS with classes. Can anybody advise how to sort out an if statement?

@foreach
(var post in Model.tb_SH_Forum_Posts.OrderBy(o => o.Post_Date))
{
using (Html.BeginForm("Hide", "Post", new { id = post.Post_ID }))
{   
   <input type="submit" name = "hidePosts" value="Hide" /> 
}

using (Html.BeginForm("Show", "Post", new { id = post.Post_ID }))
{   
   <input type="submit" name = "showPosts" value="Show" /> 
}

PSEUDO

if private_id = 2

<div class ="HIDE">
<fieldset>
        <p class="post_details">At @post.Post_Date By @(post.Anon == true ? "Anonymous" : post.Username)          
        </p>
        @post.Post_Desc
</fieldset>
</div>

ELSE

<div class ="SHOW">
<fieldset>
        <p class="post_details">At @post.Post_Date By @(post.Anon == true ? "Anonymous"    : post.Username)          
        </p>
        @post.Post_Desc
</fieldset>
</div>
}

As always, thank you for your time/guidance

Andreas Eriksson · Accepted Answer · 2011-08-16 12:28:21Z

1

Try this:

<div <%: private_id == 2 ? "class=HIDE" : "class=SHOW" %> >

answered Aug 16, 2011 at 12:28

Andreas Eriksson

9,0278 gold badges52 silver badges66 bronze badges

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

Comments

Kevin Cloet · Accepted Answer · 2011-08-16 12:36:36Z

1

    @if (private_id == 2)
    {
        <div class ="HIDE">
    }else
    {
        <div class ="SHOW">
    }

answered Aug 16, 2011 at 12:36

Kevin Cloet

2,9761 gold badge21 silver badges36 bronze badges

Comments

bobek · Accepted Answer · 2011-08-16 14:07:26Z

0

Ideally, you would like to create an HTML helper to handle that, since no logic should be used in Views.

http://www.asp.net/mvc/tutorials/creating-custom-html-helpers-cs

Here is a Microsoft's article about custom helpers. Basically it's a class, where you pass something from the view, and then you include all the logic in there, and return something back to your view.

answered Aug 16, 2011 at 14:07

bobek

8,0388 gold badges41 silver badges76 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC3 C# - CSS by condition

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related