Format errors after upgrade to 5.6.0.2

Permalink
I just upgraded to 5.6.0.2. When I go to edit a page, the format is all messed up. It's as if the page type is not recognized. My site operates properly when not logged in (using multiple browsers to test). I have cleared the cache through the dashboard, but that didn't help.

 
adajad replied on at Permalink Reply
adajad
What theme are you using?

It might be a double import of jquery.ui.js or a bootstrap import in your theme that interfere when in edit mode.
trptmn replied on at Permalink Reply
I'm using my own theme. The operational site appears fine. It is just in edit mode that the formatting is changed. How do I correct the double or bootstrap import? Thanks in advance for your help.
adajad replied on at Permalink Reply
adajad
You could do something like this:
<?php $is_edit_mode = Page::getCurrentPage()->isEditMode() ?>
<?php if(!$is_edit_mode): ?>
  put your import code here
<?php endif; ?>


Basically what the above does, is checking if the page is in edit mode, and if it isn't then loads the files you define.
trptmn replied on at Permalink Reply
Thanks. But where should I insert this code? Not sure why I'd have to add code to make the dashboard edit mode pick up my full theme. I get the background, and blocks, but they are not in the right position. Everything is left justified.
adajad replied on at Permalink Reply
adajad
Can you supply a link to the site? If you don't want to post it here you can send it in a pm to me and I can have a look just to see if anything stands out.

Why you need to add the code above is to have your code only imported when NOT in edit mode. That might be required if you are to use bootstrap or jQuery.ui in your theme, since c5 also imports the same (but slightly modified versions) when in edit mode. Import of the libraries more than once might give you unexpected behaviour.

It might also be you have the same css class names or ids as c5 uses in edit mode (but highly unlikely) which messes with your site.

EDIT: Oh, the code should wrap your imports in <head>
adajad replied on at Permalink Reply
adajad
I've looked at your site and as far as I can see the problem is probably in your css and the gridsystem in use.

Please see my pm (if you haven't already).
trptmn replied on at Permalink Reply
Just to close this out. I found the conflict and commented out the following format in ccm.app.css.

Line 30: [class*="span"]!{float:left;margin-left:20px;}

Now all my formatting in dashboard edit mode is correct.