diff --git a/server/documents/modules/modal.html.eco b/server/documents/modules/modal.html.eco
index 5fa4cadc1..21b380bdf 100755
--- a/server/documents/modules/modal.html.eco
+++ b/server/documents/modules/modal.html.eco
@@ -26,11 +26,11 @@ type        : 'UI Module'
     </div>
     <div class="actions">
       <div class="two fluid ui buttons">
-        <div class="ui red labeled icon button">
+        <div class="ui negative labeled icon button">
           <i class="remove icon"></i>
           No
         </div>
-        <div class="ui green right labeled icon button">
+        <div class="ui positive right labeled icon button">
           Yes
           <i class="checkmark icon"></i>
         </div>
@@ -57,7 +57,7 @@ type        : 'UI Module'
       <div class="ui black button">
         Cancel
       </div>
-      <div class="ui green right labeled icon button">
+      <div class="ui positive right labeled icon button">
         Add Photo
         <i class="checkmark icon"></i>
       </div>
@@ -337,6 +337,16 @@ type        : 'UI Module'
         <td>Modal</td>
         <td>Is called after a modal is hidden.</td>
       </tr>
+      <tr>
+        <td>onApprove</td>
+        <td>Modal</td>
+        <td>Is called after a positive or approve button is pressed</td>
+      </tr>
+      <tr>
+        <td>onDeny</td>
+        <td>Modal</td>
+        <td>Is called after a negative or cancel button is pressed.</td>
+      </tr>
     </tbody>
   </table>
 
@@ -358,8 +368,10 @@ type        : 'UI Module'
         <td>selector</td>
         <td colspan="2">
           <div class="code">
-    selector : {
-      close : '.close, .actions .button'
+    selector    : {
+      close    : '.close, .actions .button',
+      approve  : '.actions .positive, .actions .approve',
+      deny     : '.actions .negative, .actions .cancel'
     },
           </div>
         </td>
diff --git a/src/modules/modal.js b/src/modules/modal.js
index 52baa9a14..79ae112d7 100755
--- a/src/modules/modal.js
+++ b/src/modules/modal.js
@@ -133,7 +133,13 @@ $.fn.modal = function(parameters) {
 
         event: {
           close: function() {
-            module.verbose('Close button pressed');
+            module.verbose('Closing element pressed');
+            if( $(this).is(selector.approve) ) {
+              $.proxy(settings.onApprove, element)();
+            }
+            if( $(this).is(selector.deny) ) {
+              $.proxy(settings.onDeny, element)();
+            }
             module.hide();
           },
           click: function(event) {
@@ -566,9 +572,13 @@ $.fn.modal.settings = {
 
   onShow      : function(){},
   onHide      : function(){},
+  onApprove   : function(){ console.log('approved'); },
+  onDeny      : function(){ console.log('denied'); },
 
   selector    : {
-    close : '.close, .actions .button'
+    close    : '.close, .actions .button',
+    approve  : '.actions .positive, .actions .approve',
+    deny     : '.actions .negative, .actions .cancel'
   },
   error : {
     method : 'The method you called is not defined.'