Skip to content
Permalink
Browse files

Updated examples for iFrames

  • Loading branch information...
stefangabos committed Jul 1, 2019
1 parent 3dd5075 commit 0354733ce018d764de194b4c5d6443b64607da22
Showing with 16 additions and 0 deletions.
  1. +8 −0 examples/examples.css
  2. +2 −0 examples/examples.js
  3. +2 −0 examples/flat.html
  4. +2 −0 examples/index.html
  5. +2 −0 examples/materialize.html
@@ -50,3 +50,11 @@ body.flat .myclass .ZebraDialog_Body {
background-position: 40px 28px;
}

.ZebraDialog_iFrame .ZebraDialog_Body {
padding: 0;
}

body.flat .ZebraDialog_iFrame .ZebraDialog_Body,
body.materialize .ZebraDialog_iFrame .ZebraDialog_Body {
margin-bottom: 0;
}
@@ -258,6 +258,8 @@ $(document).ready(function() {
$('#example10').on('click', function() {
new $.Zebra_Dialog({
auto_focus_button: $('body.materialize').length ? false : true,
type: false,
custom_class: 'ZebraDialog_iFrame',
source: {
iframe: {
src: 'https://en.m.wikipedia.org/wiki/Dialog_box'
@@ -419,6 +419,8 @@ <h3><strong>10.</strong> Content loaded in an iFrame</h3>

<pre class="brush:javascript">
new $.Zebra_Dialog({
type: false, // no icon
custom_class: 'ZebraDialog_iFrame', // a custom class to remove default paddings
source: {
iframe: {
src: 'https://en.m.wikipedia.org/wiki/Dialog_box'
@@ -419,6 +419,8 @@ <h3><strong>10.</strong> Content loaded in an iFrame</h3>

<pre class="brush:javascript">
new $.Zebra_Dialog({
type: false, // no icon
custom_class: 'ZebraDialog_iFrame', // a custom class to remove default paddings
source: {
// iFrame's width and height are automatically set
// to fit the dialog box's width and height
@@ -419,6 +419,8 @@ <h3><strong>10.</strong> Content loaded in an iFrame</h3>

<pre class="brush:javascript">
new $.Zebra_Dialog({
type: false, // no icon
custom_class: 'ZebraDialog_iFrame', // a custom class to remove default paddings
source: {
// iFrame's width and height are automatically set
// to fit the dialog box's width and height

0 comments on commit 0354733

Please sign in to comment.
You can’t perform that action at this time.