Admin Dashboard Tutorial (Lesson 11): jQuery positionClass

Topic: Admin Dashboard Tutorial (Lesson 11): jQuery positionClass

SLK asked 6 years ago

The toast is not visible in the Admin Dashboard lesson 11.

I'm using MDB Pro 4.7.1 (which is not an option in the MDB Version dropdown in the issue form). I had to enter an MDB version to submit the issue so I chose 4.6.1 but I am running 4.7.1.

It seems the positionClass should be md- toast-top-right for jQuery rather than toast-top-right.

The lesson code is below.

$(function () {
  $('#folder-1').click(function () {
      toastr.error("Folder 1 has been clicked!", "Folder 1", {
          "positionClass": "toast-top-right",
      });
  });
});

Please see my snippet with the test case: jQuery toastr positionClass

Note: If the JavaScript button is pressed first and the toast is still visible when the jQuery button is pressed, the jQuery toast is displayed in the upper right rather than the lower left.

Add comment

Michal Szymanski staff pro premium priority answered 6 years ago