Make border option to work in examples

rigon · Aug 18, 2017 · fcae718 · fcae718
1 parent daab7c8
commit fcae718
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -227,7 +227,12 @@ <h2 id="customized">Customized dialog</h2>
         { button: {name: &quot;button&quot;, value: &quot;Open image&quot;, class: &quot;btn btn-info&quot;, onclick: function() {
                 bootpopup({
                     title: $(&apos;#title&apos;).val(),
-                    content: [ { img: {src: $(&apos;#link&apos;).val()}} ]});
+                    content: [ { img: {src: $(&apos;#link&apos;).val()}} ],
+                    before: function(window) {
+                        if($(&quot;#border&quot;).prop(&quot;checked&quot;))
+                            $(&quot;#image&quot;).attr(&quot;style&quot;, &quot;border: 10px solid red&quot;);
+                    }
+                });
             }
         }}],
     cancel: function(data, array, event) { alert(&quot;Cancel&quot;); },
@@ -296,7 +301,12 @@ <h2 id="customized">Customized dialog</h2>
 						{ button: {name: "button", value: "Open image", class: "btn btn-info", onclick: function() {
 								bootpopup({
 									title: $('#title').val(),
-									content: [ { img: {src: $('#link').val()}} ]});
+									content: [ { img: {src: $('#link').val(), id: "image"}} ],
+									before: function(window) {
+										if($('#border').prop('checked'))
+											$('#image').attr('style', 'border: 10px solid red');
+									}
+								});
 							}
 						}}],
 					before: function(window) { alert("Before"); },