<script language=Javascript> <!-- AJS.$("#create-page-button").hide(); --> // Note this is a small dialog, so it fits in the Sandbox panel // Standard sizes are 400, 600 and 840 pixels wide var dialog = new AJS.Dialog({ width: 400, height: 300, id: "example-dialog", closeOnOutsideClick: true }); // PAGE 0 (first page) // adds header for first page dialog.addHeader("Dialog - Page 0"); // add panel 1 dialog.addPanel("Panel 1", "<iframe src='http://isalive2.fmk.netic.dk/fmk_online_prod'></iframe>", "panel-body"); // You can remove padding with: // dialog.get("panel:0").setPadding(0); // add panel 2 (this will create a menu on the left side for selecting panels within page 0) dialog.addPanel("Panel 2", "<p>Some content for panel 2.</p><div style='height: 2000px;'>(forced-height element to demonstrate scrolling content)</div><p>End.</p>", "panel-body"); dialog.addButton("Next", function (dialog) { dialog.nextPage(); }); dialog.addLink("Cancel", function (dialog) { dialog.hide(); }, "#"); // PAGE 1 (second page) // adds a new page to dialog dialog.addPage(); // adds header for second page dialog.addHeader("Dialog - Page 1"); // adds a single panel on second page (as there is only one panel, no menu will appear on the left side) dialog.addPanel("SinglePanel", "<iframe src='http://isalive2.fmk.netic.dk/fmk_online_prod'></iframe>", "singlePanel"); // add "Previous" button to page 1 dialog.addButton("Previous", function(dialog) { dialog.prevPage(); }); // adds "Cancel" button to page 1 dialog.addButton("Cancel", function (dialog) { dialog.hide(); }); // Add events to dialog trigger elements AJS.$("#create-page-button").attr("href", "Javascript:return false();"); AJS.$("#create-page-button a").click(false); AJS.$('.aui-nav').append("<li><a id='newcreate' href='Javascript:return(false);' class='aui-button aui-style aui-button-primary aui-nav-imagelink'><span>Create</span></a></li>"); AJS.$("#newcreate").click(function() { // PREPARE FOR DISPLAY // start first page, first panel dialog.gotoPage(0); dialog.gotoPanel(0); dialog.show(); }); </script>