ASP.NET authentication forms not working with CSS?

Question

So on my journey to become better at ASP.NET I've encountered a problem.

I'm working on a login. I added some style to it by adding a CSS file and after some time I made it look a lot better. Thereafter I added ASP authentication forms - which actually works great as well except that if you're not logged in the CSS is not used.

Once I've logged in and received a cookie I can go back to the login page and everything looks nice. But as long as I haven't "logged in" the page looks as if no CSS is used.

How can I fix this?

Peter Mortensen · Accepted Answer · 2017-10-17 07:49:56Z

11

You have to allow access to the CSS file:

<location path="~/stylesheets">
    <system.web>
        <authorization>
            <allow users="*" />
        </authorization>
    </system.web>
</location>

Update to match the path to where you store your CSS.

edited Oct 17, 2017 at 7:49

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 24, 2011 at 20:48

jonezy

1,91413 silver badges21 bronze badges

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

1 Comment

Peter Rasmussen Over a year ago

Awesome this works like a charm. May I ask why location has to be before system.web? and why it's wrapped around most of the other things in the web.config file? and if I may sidetrack my own question what does allow users="*" exactly do? So far I've only written <deny users="?" /> in my Authorization tag :)

Peter Mortensen · Accepted Answer · 2017-10-17 07:52:15Z

2

You need to exclude the CSS folder (and for that matter any other folders) from the authorization using location in the web.config.

<location path="CssFolder">
    <system.web>
        <authorization>
            <allow users="*"/>
        </authorization>
    </system.web>
</location>

edited Oct 17, 2017 at 7:52

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 24, 2011 at 20:52

amit_g

31.3k8 gold badges67 silver badges125 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2017-10-17 07:53:43Z

1

Move your CSS folder out of the protected area - put it under your root, and it should work.

The CSS for the protected files can reside in the (non-protected) anonymous access, root folder. The CSS for your protected files does not have to be in a protected folder, but if you must do that, then amit_g's solution should work for that scenario :)

edited Oct 17, 2017 at 7:53

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Feb 24, 2011 at 21:21

IrishChieftain

15.2k8 gold badges55 silver badges98 bronze badges

2 Comments

Peter Rasmussen Over a year ago

What do you exactly mean by that?

IrishChieftain Over a year ago

The CSS for the protected files can reside in the (non-protected) anonymous access, root folder. The CSS for your protected files does not have to be in a protected folder, but if you must do that, then amit_g's solution should work for that scenario:)

Collectives™ on Stack Overflow

ASP.NET authentication forms not working with CSS?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related