ngDialog

by Javascript Specialist December 7, 2014 17:46

Background
The ngDialog Module is an AngularJS windows dialog box pop up. For instructions on how to use it, click below
http://github.com/likeastore/ngDialog

Minimal Requirements
Must include the AngularJS framework version 1.2.  

Comments
This ngDialog module does not allow you to specify the width of the pop up. However, you can tweak the css file to specify the width. To so follow the instructions below

1. Remove the width property from the class name
.ngdialog.ngdialog-theme-default .ngdialog-content { 
   -webkit-animation: ngdialog-flyin .5s; 
   animation: ngdialog-flyin .5s; 
   background: #f0f0f0;
   border-radius: 5px; color: #444;
   font-family: 'Helvetica',sans-serif;
   font-size: 1.1em; line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 450px; }

2. Add a new a class name to specify the width
.ngdialog.width800 { 
    margin: 0 auto; 
    max-width:1200px; 
    width:80%; }

3. Include the classname in your JavasScript code
        ngDialog.open({ template: "<h3>This is a test with defined width of 800px. So if we keep typing, the width should be take to handle it.</h3>",
                        plain:true,
                        className:'ngdialog-theme-default width800'
        });


To see an example, click below

AngularJS | References

Diable Right Click

by Javascript Specialist November 15, 2014 07:37

JavaScript | References

Input on numbers and letters

by Javascript Specialist December 5, 2014 13:11

Input Validation | JavaScript

Dynamically Add Javascript Src

by Javascript Specialist August 24, 2014 08:47
var head= document.getElementsByTagName('head')[0];
   var script= document.createElement('script');
   script.type= 'text/javascript';
   script.src= 'angular.min.js';
   head.appendChild(script);

JavaScript | References