Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ngDialog dark overlay covers the dialog

Tags:

css

angularjs

I'm trying to use the AngularJS ngDialog add-on to make a simple pop-up dialog. It basically works, but when the dialog appears, it starts out white but then quickly fades into the dark background. I assume there's some CSS conflict, but I can reproduce the problem with a very simple bit of HTML, below. Thanks in advance for any suggestions.

<html>
  <head>
    <title>Dialog Test</title>
    <link href='/assets/ngDialog/css/ngDialog.css' rel='stylesheet'>
    <script src='/assets/angularjs/angular.js'></script>
    <script src='/assets/ngDialog/js/ngDialog.js'></script>
    <script>
      angular.module('dialogTest', ['ngDialog']);
    </script>
  </head>
  <body ng-app='dialogTest'>
    <button ng-dialog='MY_DIALOG.html'>
      Dialog...
    </button>
  </body>
</html>
like image 256
Franz Amador Avatar asked Oct 01 '14 17:10

Franz Amador


1 Answers

I figured it out (my original problem, not plunker): I also need to include ngDialog's ngDialog-theme-default.css. Thanks for looking at this.

like image 54
Franz Amador Avatar answered Oct 23 '22 13:10

Franz Amador