Forums

Edit Bar Menus Display Blank (version 8)

Permalink
My tool bar is displaying when I am logged in but the dashboard and other menus are empty. All admin tools work fine if I navigate to /index.php/dashboard. I have included the recommended 
<?php Loader::element('footer_required') ?>
from the docs herehttps://documentation.concrete5.org/developers/designing-for-concret...

I am using a copy of the theme "Elemental" in my application/theme directory that I have been editing in version 8.1.0. If I activate the Elemental theme everything is fine but then if i switch back to my custom theme the menu is empty again. It was working at one point, I'm just unsure how long ago I broke it and what could have caused it. Is there a developer tool that I could try to help identify the issue?

Does anyone have an idea what could be causing the menus to display blank?
ngaffer
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi ngaffer,

Please take a screenshot of what you are describing and reply with it as an attachment.
JohntheFish replied on at Permalink Reply
JohntheFish
This is often a side effect of a JavaScript error on the page. You could try looking at the browser developer console and see what errors are reported. Perhaps a bug in a custom theme or block.
ngaffer replied on at Permalink Reply 1 Attachment
ngaffer
See attachment of screenshot. Also, there are no error in the Developer tools console.
JohntheFish replied on at Permalink Reply
JohntheFish
Rather than copying Elemental, MrKD's cloneamental is designed to be a better starting point for a custom theme.
https://www.concrete5.org/marketplace/themes/cloneamental...
ngaffer replied on at Permalink Best Answer Reply
ngaffer
It turned out to be a conflict between the custom theme CSS and the core CSS.

Long story short this is what was causing the dashboard to appear empty, in my main.less file I removed the .ccm-page class that was acting as a namespace to prevent my custom theme styles from affecting the core styles. To fix the problem, I added the .ccm-page class back. Since the .ccm-page class is inside of the <html> and <body> tags in the DOM I now have a single body.less file for styling the <html> and <body> tags. Here's what main.less looks like:

@import "build/body.less";
div.ccm-page {
   @import "build/content.less";
   @import "build/global.less";
}