Symphony.

Hi everyone,

I have just installed a copy of Symphony on Dreamhost shared servers and it appears the CSS rendering in the admin section is not working. The first screen I am taken to after I login works fine (image - symphony1) but then every subsequent link I click on (Blueprints -> Pages, Blueprints -> Sections, System -> Authors, etc..) does not render correctly (image - symphony2). I have searched the forum and google but have not been able to find any related answers.

Help would be much appreciated!

Sorry, here are the images:

Attachments:

symphony2.JPG and symphony1.JPG

If you can post a screenshot; with the issues you're noticing; as well as checking any console errors you are having it would be helpful.

Hi @gunglien, I have posted two screenshots in comment 2 (symphony1 and symphony2). I apologise, I'm not sure where to check for console errors.

@stmts just hit F12 and reload the page.

Check the CSS file which is returning a 404; it could be something wrong with the link to the css file. The console should help you identify the issue(s)

@gunglien reloading the page doesn't do anything. Thanks for the other suggestions. I will report back once I figure out how to work the console!

If you're on firefox I'd suggest you install firebug... on chrome it comes by default with the developer tools, which you can open by pressing F12 on your keyboard. or right-click inspect element. then choose console from the menu.

Will do, thanks.

Receiving the following errors in console no matter what page I'm in (pages, sections, utilities, etc)...

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 21 $.extend(true,Storage.Support,$.support);return{Context:{add:function addContext(group,values){if(Storage.Context[group]&&$.type(values)!=='string'){$.extend(Storage.Context[group],values);}

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 38 (function($){$.fn.symphonySelectable=function(options){var objects=this,settings={items:'tbody tr:has(input)',ignore:'a',mode:'single'};$.extend(settings,options);objects.on('click.selectable',settings.items,function select(event){var item=$(this),items=item.siblings().andSelf(),object=$(event.liveFired),target=$(event.target),selection,deselection,first,last;if(target.is(settings.ignore)){return true;}

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 38 (function($){$.fn.symphonySelectable=function(options){var objects=this,settings={items:'tbody tr:has(input)',ignore:'a',mode:'single'};$.extend(settings,options);objects.on('click.selectable',settings.items,function select(event){var item=$(this),items=item.siblings().andSelf(),object=$(event.liveFired),target=$(event.target),selection,deselection,first,last;if(target.is(settings.ignore)){return true;}

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 49 (function($){$.fn.symphonyTags=function(options){var objects=this,settings={items:'li'};$.extend(settings,options);objects.on('click.tags',settings.items,function tag(event){var item=$(this),object=item.parent(),input=object.prev().find('input, textarea'),value=input.val(),tag=item.attr('class')||item.text();if(object.is('.singular')){input.val(tag);}

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 66 (function($){$.fn.symphonyTimeAgo=function(options){var objects=this,settings={items:'time',timestamp:'utc'};$.extend(settings,options);Symphony.Language.add({'just now':false,'a minute ago':false,'{$minutes} minutes ago':false,'about 1 hour ago':false,'about {$hours} hours ago':false});function parse(item){var timestamp=item.data('timestamp'),datetime;if($.isNumeric(timestamp)){return timestamp;}

TypeError: $ is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 66 (function($){$.fn.symphonyTimeAgo=function(options){var objects=this,settings={items:'time',timestamp:'utc'};$.extend(settings,options);Symphony.Language.add({'just now':false,'a minute ago':false,'{$minutes} minutes ago':false,'about 1 hour ago':false,'about {$hours} hours ago':false});function parse(item){var timestamp=item.data('timestamp'),datetime;if($.isNumeric(timestamp)){return timestamp;}

TypeError: Symphony is undefined

http://dznmag.com/symphony/blueprints/pages/ Line 78 <script type="text/javascript">Symphony.Context.add('env',{"page-namespace":"/blueprints/pages"});Symphony.Context.add('root','http://dznmag.com');</script>

Did you deploy your files via FTP? Check that the jQuery file exists, $ is referring to the jQuery instance.

Hi @brendo

I deployed via git using the symphony installation tutorial.

The file jquery.js exists in symphony/assets/js if this is the file you are referring to. I have tried replacing the file with a copy from my local machine but that did not fix the problem. I have also tried a fresh install of symphony but still have the same problem.

The login screen at url.com/symphony renders fine as does the first screen after login (symphony1.jpg in comment 2). But after I click a link - any link, the CSS seems to break (symphony2.jpg in comment 2).

I have run console in chrome and attached a screenshot of the errors (symphony3.jpg).

Attachments:

symphony3.JPG

@stmts do you have a pagespeed module or something of the sort installed? All the urls show an appended pagespeed... thus would not match the actual file on the server...

@gunglien I do. I have a page speed optimization option checked in my dreamhost hosting options. I have just unchecked it and it fixed the problem!!

Thank you so much for your help, and thank you @brendo! Was out of my depth here.

cheers glad it's resolved. Strange that the pagespeed module changed your urls... In case you'd want to enable it again I'd suggest you'd talk to dreamhost see why it's altering your resource urls