Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Freshly installed MDB Pro - Black Screen

Doc free asked 5 years ago


I just downloaded MDB Pro 4.7.0. Installed it under C: Unzipped it. Opened "index.html" without making any modification. Tried to open it with Chrome (bare download, no plug in whatsoever) : I get a black screen. Tried to open it in Firefox (latest updates) : sometimes it opens normally, most of the times, it opens with a black screen and a never ending 'loading' animation. I have to close the tab, wait over two minutes, and then open the index.html again so that it is displayed in the browser. Tried to delete the package and re-download : same results. Edited out the call to fontawesome : no change on Chrome, slightly better on Firefox : the browser can read the index.html more often, and the wait is shorter. But still, the browser cannot read the "index.html" file most of the time.

Thanks in advance for your help.


Doc free commented 5 years ago

Link to the screen capture : https://image.noelshack.com/fichiers/2019/04/5/1548370910-capture2.jpg


Bartłomiej Malanowski staff commented 5 years ago

I'm unable to see your screenshot - it returns status 408 (Request timeout). Can you upload the screenshot to somewhere where we can see it?


Doc free commented 5 years ago

This link should work : http://www.espritjdr.net/Upload/sylvain/Capture2.JPG


Doc free commented 5 years ago

Update : I installed the Free version : it works perfectly.So I proceeded to add one by one the other files and folders to check which one causes the problem. It's the file named mdb.min.css I can add everything else from the Pro version, and things work normally, but if add this mdb.min.css file, I cannot read the index.html file : it's just a black page. (adding the preloader.html file makes a "processing" icon appear on top of the page, but I guess this is not a mistake). Hope this helps you help me.


Doc free commented 5 years ago

Update 2 : if I use the MDB Pro install and I remove the mdb.min.css, I get this : http://www.espritjdr.net/Upload/sylvain/Capture3.JPG


kworm free commented 5 years ago

Hi, I have the same issue...just bought PRO today and it black screens. Free version works fine.


STUDIO I TOMMII free commented 5 years ago

Hi All, same here (Pro works not, Free works) any solutions so far?


Doc free commented 5 years ago

Editing out the part refering to the preloader in the index file works. I don't know what's going on between the preloader html and the mdb.min.css but it seems to be causing the problem.


Doc free answered 5 years ago


It works like a charm thanks !


Emmanuel ARNOUD pro answered 5 years ago


I reported the following to the MDB team today

Try editing mdb.js and change the part related to the preloader like this:

var loaded = false;

$(window).on('load', function () {
    loaded = true;
    });

$(function () {
  $('body').attr('aria-busy', true);
    $(window).on('load', function () {
      console.log('BUBI LOAD');
    });
  $('#preloader-markup').load('mdb-addons/preloader.html', function () {
      console.log('PRELO LOAD');
      if(loaded) {
          $('#mdb-preloader').fadeOut('slow');
      $('body').removeAttr('aria-busy');
      } else {
    $(window).on('load', function () {
      $('#mdb-preloader').fadeOut('slow');
      $('body').removeAttr('aria-busy');
    });
      }
  });
});

See the following screenshot:

enter image description here


Bartłomiej Malanowski staff commented 5 years ago

Thank you for sharing your solution with us!


STUDIO I TOMMII free commented 5 years ago

Thanks a lot, Arnoud!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: PC
  • Browser: Firefox and Chrome
  • OS: Windows 10 64bits
  • Provided sample code: No
  • Provided link: No