Sunday, 21 August 2016

Custom Shadowbox Modal

The below code shows the Processing Image as a Modal.

You can close it by setting the processing property on the angular $scope.

 .customModal {

            position: fixed; /* Stay in place */

            z-index: 1; /* Sit on top */

            padding-top: 100px; /* Location of the box */

            left: 0;

            top: 0;

            width: 100%; /* Full width */

            height: 100%; /* Full height */

            text-align: center;

            background-color: rgb(0, 0, 0); /* Fallback color */

            background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

        }



        /* Modal Content */

        .customModal-content {

            margin: auto;

            width: 220px;

            height: 183px;

        }
    
   

No comments: