Dashboard CSS Error

32 Posts

colin1981 Reply #1, 5 years, 10 months ago

I've created a MODX Revolution website on a live server. It's been up and running now for a while with no errors. Recently I've created a copy of the website and migrated it to my Localhost. I did all the changes necessary - The website is running and the login page is also running but when I login, the dashboard page shows up but it looks like the CSS is missing. All I see is text....

Any ideas?

This question has been answered by colin1981. See the first response.

1,154 Posts

nuan88 Reply #2, 5 years, 10 months ago

My slightly educated guess is that your paths are wrong when you provide the link to the CSS in your <head> section

Why not copy and paste your head in here, taking out any personal bits?

24,544 Posts

BobRay Reply #3, 5 years, 10 months ago

Turn on Dev. tools (Ctrl-shift-i) in Firefox or Chrome and watch the Network tab while loading the page. It will show you where it's looking for any missing files.

Did I help you? Buy me a beer
Get my Book: MODX:The Official Guide
MODX info for everyone: http://bobsguides.com/modx.html
My MODX Extras
Bob's Guides is now hosted at A2 MODX Hosting

32 Posts

colin1981 Reply #4, 5 years, 10 months ago

Quote from: nuan88 at Jun 21, 2018, 04:28 PM

My slightly educated guess is that your paths are wrong when you provide the link to the CSS in your section

Why not copy and paste your head in here, taking out any personal bits?

I did a view-source on the http://localhost/{name_of_folder_in_localhost}/manager/ and here is the code for the head.....

<head>
  <title>Dashboard | MODX Revolution</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  
  
  <link rel="stylesheet" type="text/css" href="/{name_of_folder_in_localhost}/manager/assets/ext3/resources/css/ext-all-notheme-min.css" />
  <link rel="stylesheet" type="text/css" href="/{name_of_folder_in_localhost}/manager/templates/default/css/index.css" />
  
  <script src="/{name_of_folder_in_localhost}/manager/assets/ext3/adapter/ext/ext-base.js" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/manager/assets/ext3/ext-all.js" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/manager/assets/modext/core/modx.js" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/connectors/lang.js.php?ctx=mgr&topic=topmenu,file,resource,welcome,configcheck&action=" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/connectors/modx.config.js.php?action=&wctx=mgr" type="text/javascript"></script>
  
  
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/core/modx.localization.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/utilities.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/datetime.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/uploaddialog.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/fileupload.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/superboxselect.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/core/modx.component.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.button.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.searchbar.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.panel.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.tabs.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.window.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.combo.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.grid.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.console.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.portal.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/windows.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/fileapi/FileAPI.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/util/multiuploaddialog.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/tree/modx.tree.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/tree/modx.tree.treeloader.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/modx.treedrop.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/core/modx.tree.asynctreenode.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/resource/modx.tree.resource.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/element/modx.tree.element.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/system/modx.tree.directory.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/system/modx.panel.filetree.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/core/modx.view.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/assets/modext/core/modx.layout.js"></script>
  <script type="text/javascript" src="/{name_of_folder_in_localhost}/manager/templates/default/js/layout.js"></script>
  <script type="text/javascript">Ext.onReady(function() {
                  MODx.defaultState = {"modx-resource-tree":["\/root\/web_0"],"undefined-sort-default":"menuindex","undefined-sort":"menuindex"};
      MODx.load({xtype: "modx-layout",accordionPanels: MODx.accordionPanels || [],auth: "modx54e61636266705.16481362_15b2cba472770c3.05202457"});
  });</script>
  <script src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/security/modx.grid.user.recent.resource.js" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/manager/assets/modext/widgets/modx.panel.welcome.js" type="text/javascript"></script>
  <script src="/{name_of_folder_in_localhost}/manager/assets/modext/sections/welcome.js" type="text/javascript"></script>
  <script type="text/javascript">MODx.helpUrl = ""</script>
  <script type="text/javascript">Ext.onReady(function() {
      MODx.load({
          xtype: "modx-grid-user-recent-resource"
          ,user: "1"
          ,renderTo: "modx-grid-user-recent-resource"
      });
  });</script>
  <script type="text/javascript">
  Ext.onReady(function() {
      MODx.load({
          xtype: "modx-page-welcome"
          ,dashboard: {"id":1,"name":"Default","description":"","hide_trees":false}
      });
  });
  </script>
  
  <script type="text/javascript">
      Ext.onReady(function() {
          new MODx.SearchBar;
      });
  </script>
</head>

32 Posts

colin1981 Reply #5, 5 years, 10 months ago

Quote from: BobRay at Jun 21, 2018, 10:42 PM

Turn on Dev. tools (Ctrl-shift-i) in Firefox or Chrome and watch the Network tab while loading the page. It will show you where it's looking for any missing files.

I can't seem to see anything on the Chrome but on Microsoft Edge and good few CSS and JS come up with 'Not Modified'. Does that make any sense?

discuss.answer

32 Posts

colin1981 Reply #6, 5 years, 10 months ago

I got it sorted guys.....I checked the css files under manager/templates/default/css. It turns out that the code in them were all over the place (full of erros). So I copied in new index.ss and login.css files from a new download and it worked.

Thanks

Answered Dashboard CSS Error