use jquery-ui built in buttons

bu-ist · Nov 15, 2016 · 52b67d2 · 52b67d2
1 parent b8274eb
commit 52b67d2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -20,6 +20,11 @@ function main() {
 			show: {
 				effect: "fade",
 				duration: 300
+			},
+			buttons: {
+				Close: function() {
+					$(this).dialog('close');
+				}
 			}
 		});
 

diff --git a/templates/form-template.php b/templates/form-template.php
@@ -72,19 +72,12 @@ class="form-control<?php echo (($field->required) ? ' required' : '') . $class;
 					$label_text = str_ireplace('opt-in policy', $opt_in_text, $label_text);
 
 					$modals[] = '
-						<div id="text-message-opt-in-modal" class="modal fade">
+						<div id="text-message-opt-in-modal" title="Text Message Opt-in Policy" class="modal">
 					    	<div class="modal-dialog">
 						    	<div class="modal-content">
-									<div class="modal-header">
-										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-										<h4 class="modal-title">Text Message Opt-in Policy</h4>
-									</div>
 									<div class="modal-body">
 										 ' . $section->fields[$field_index + 1]->helpText . '
 									</div>
-									<div class="modal-footer">
-										<button type="button" class="btn" data-dismiss="modal">Close</button>
-									</div>
 						    	</div>
 					    	</div>
 						</div>