topic Re: CSS include not loading in Alfresco Archive

CSS include not loading

drozes — Thu, 12 Apr 2012 21:08:55 GMT

Hi guys;One of my custom webscripts is grabbing a bunch of files and construction a website out of them.(example. in a component folder, i have head.html, nav.html and footer.html).The site source looks exactly as it should.The head.html links some CSS files - which when clicked loads the css docum

Re: CSS include not loading

scouil — Fri, 13 Apr 2012 07:25:10 GMT

Is your server accessible from the outside so that we can see for ourselves?

Otherwise:
- Try clear your browser cache
- Monitor the "network" tab in firebug and check that the css file is correctly loaded.

Re: CSS include not loading

drozes — Fri, 13 Apr 2012 12:14:02 GMT

Unforunitly my company doesn't allow us to open ports.

Tried both your suggestions already with no luck.

Thank you very much for your effort though!

Re: CSS include not loading

drozes — Fri, 13 Apr 2012 14:28:20 GMT

The CSS file is located in the Document Repo. When someone goes to the url, it get's served up through a template for a css file.

Could this be an issue? The browser itself can navigate to the file - which tells me this shouldn't be an issue.

Re: CSS include not loading

drozes — Fri, 13 Apr 2012 18:58:57 GMT

So because the CSS is being deliveried through a template, it seems that it is setting the content-type as text/html - where I'll need it to be text/css.

Does anyone have a suggestions of how to configure this? Setting headers in my template?

Re: CSS include not loading

scouil — Mon, 16 Apr 2012 15:32:37 GMT

You can try to import it via freemarker.
Since it'll be included in your html it shouldn't cause any problem.
But you won't see it as a distinct file anymore.

Re: CSS include not loading

drozes — Mon, 16 Apr 2012 15:48:52 GMT

Thanks for the reply Scouil,

Unfortunately that solution won't work for me. There may be 7-9 css files and need to ensure we keep our source code as clean as possible.

Thanks for the reply though!

Re: CSS include not loading

scouil — Mon, 16 Apr 2012 15:53:08 GMT

The code will be as clean. With files separated the same in your file system.
Actually it might even be cleaner since you can the externalize some text/path/etc.

It's just that if you browse the source code with your web browser everything will be appended.

Re: CSS include not loading

drozes — Mon, 16 Apr 2012 17:17:32 GMT

Yup, I agree the actual source will be very clean.

But need to keep CSS external - it allows the user's to cache common css files and it reduces load times.

thanks agian though for your efforts!

Re: CSS include not loading

rdanner — Mon, 16 Apr 2012 23:42:39 GMT

If the CSS is loading from a webscript but not taking effect it is most likely due to the mimetype. If the mimetype is not set properly in the response header it will not work in most browsers (assuming the extension is not .css on the url)

You can register custom mimetypes with share/alfresco/webscripr container

in a spring context file in share or alfresco:


   <bean parent="webscripts.formatmap">
      <property name="formats">
         <props>
            <prop key="css">text/css</prop>
         </props>
      </property>
   </bean>
‍‍‍‍‍‍‍‍‍

Then set your webscript type to CSS

Re: CSS include not loading

drozes — Tue, 17 Apr 2012 14:46:21 GMT

Hey Russ;

I've added the bean to my spring context.

The CSS file alone is not being served through a webscript. A webscript is loading a head.html - containing the top section of an HTML page along with css and js links.

The actual CSS file itself is being served through a template. Am i am able to set the mimeType of a template? (The file itself is set to the proper mimeType).

Re: CSS include not loading

rdanner — Tue, 17 Apr 2012 22:59:52 GMT

Hey Russ;

I've added the bean to my spring context.

The CSS file alone is not being served through a webscript. A webscript is loading a head.html - containing the top section of an HTML page along with css and js links.

The actual CSS file itself is being served through a template. Am i am able to set the mimeType of a template? (The file itself is set to the proper mimeType).

All, we're having the same conversation here: https://forums.alfresco.com/en/viewtopic.php?f=52&t=44160&p=129685#p129685