Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

Use / not use a css class with a condition

I am working on an MVC project,
what I need is to have custom css classes to use one when there is a user logged in to the site, and the other when accessing the site as a guest.
I thought about using a function in the controller that checks if there is a logged in account and a ViewBag to pass a true / false value to the view.
What I ask myself is:

How do I create a condition so that taking this ViewBag with the true / false value can enable a css class and disable another?

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

>Solution :

You can use the following code to apply different css using C# variable.
Assuming you have user and guest css class created, and you want to check is user logged in through ViewBag.UserLoggedIn:

@{
    var cssName = "";
    if (ViewBag.UserLoggedIn)
    {
        cssName = "user";
    }
    else
    {
        cssName = "guest";
    }
}


<div class="otherclass @cssName"> Hello </div>
Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading