CSS not loading for Forms Authentication

Question

I have seen several of these topics on numerous sites and I am still having an issue. I have added this to the bottom of my web.config right before the </configuaration>

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

Yet my css is still not loading for all users.

Here is the forms part of my web.config

<authentication mode="Forms">
      <forms name ="WebApp.ASPXAUTH"
            loginUrl="login.aspx"
             protection="All"
             path ="/"/>
    </authentication>
    <authorization>
      <allow users ="*"/>
    </authorization>

Is there something else I am missing?

Can you be more descriptive about what "not loading for all users" means? Some users get the CSS but others don't, I get that. Anything you can tell us about that? Does the CSS load occur after a successful login only, for example? Does the CSS load for those who have had a successful login in the past perhaps but not load for new users who have not successfully logged in? If a user logs in with not having the CSS load does it then load? — Dan7el, Jun 27 '11 at 19:16
It works for me after a successful login. I clear my cache and cookies and it is right back to not working for me. It does not load for anyone who has never opened the application before. Even if they successfully login. Note: it has only worked for me once before I cleared my cache so that may have been something stuck. I can not get it to work for me at all either even with a successful login. — Matt, Jun 27 '11 at 19:19
No https. Firefox, IE, and Chrome. I have been using Firebug to see when it loaded and when it doesn't. — Matt, Jun 27 '11 at 20:12

score 9 · Answer 1 · answered Nov 26 '12 at 20:33

9

I put inside the css folder a webconfig with that code:

<?xml version="1.0"?>
<configuration>

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

</configuration>

Sucess! :)

answered Nov 26 '12 at 20:33

user823883

91
1
1

IrishChieftain · Accepted Answer · 2011-06-27T19:39:32.707

4

Put your CSS in a non-protected folder and this should work for you.

<link rel="stylesheet" src="path of the stylesheet" type="text/css">

edited Jun 27 '11 at 19:39

answered Jun 27 '11 at 19:22

IrishChieftain

15,108
7
50
91

If I split the CSS will I need to tell the application where it is located? – Matt Jun 27 '11 at 19:25
No need to split it up, aside from organizational purposes. Put all your CSS in a non-protected top-level folder. Pages need to have a link to the CSS... if you're using master pages, put it there; you can drag and drop from Solution Explorer into the head section :-) – IrishChieftain Jun 27 '11 at 19:33
Can I move the CSS to a different folder, create a virtual directory for my CSS, and change the web.config to allow users to this folder? Or am I misunderstanding? – Matt Jun 27 '11 at 20:18
You're misunderstanding; CSS should be in a non-protected folder - no permissions involved. Just create a CSS link in your pages to point to a common CSS folder containing your CSS stylesheet(s). – IrishChieftain Jun 27 '11 at 20:30
I was just about to say I misunderstood because I was still getting a 404. I will try that and let you know. – Matt Jun 27 '11 at 20:33

score 0 · Answer 3 · answered Jul 21 '16 at 18:01

For me, it works including access to the resources folders (Content, Scripts) in the web.config.

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

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

CSS not loading for Forms Authentication

3 Answers3