Improvements for embedded Cognito Forms editor

This commit is contained in:
Michael Thomas 2022-01-26 13:59:34 -05:00
parent b2b3fca468
commit 9e800d1bbb
1 changed files with 53 additions and 61 deletions

View File

@ -16,9 +16,7 @@
* Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
*/
require_once dirname(__FILE__) . '/../api.php';
$url = CognitoAPI::$formsBase;
$url = 'https://www.cognitoforms.com/';
if ($_GET['page'] == 'CognitoCreateForm') {
$url = $url . 'forms/new';
@ -29,7 +27,7 @@ if ($_GET['page'] == 'CognitoCreateForm') {
}
?>
<iframe id="cognito-frame" src="<?php print $url; ?>" style="width:100%; overflow-x: hidden;"></iframe>
<iframe id="cognito-frame" src="<?= $url ?>"></iframe>
<style>
body {
@ -38,24 +36,18 @@ if ($_GET['page'] == 'CognitoCreateForm') {
#wpcontent {
padding-left: 0!important;
}
#wpfooter {
display: none;
}
#wpwrap, #wpcontent, #wpbody, #wpbody-content {
height: 100%;
}
#wpbody-content *:not(#cognito-frame) {
display: none!important;
}
#cognito-frame {
width: 100%;
height: 100%;
overflow-x: hidden;
}
</style>
<script language="javascript">
// Remove all content injected prior to the iframe (ex. wordpress update banners)
var element = document.getElementById('cognito-frame');
for (; element; element = element.previousSibling) {
if (element.nodeType === 1 && element.id !== 'cognito-frame') {
element.style.display = 'none';
}
}
window.addEventListener('resize', resizeListener);
// Handler to watch for window resize to correctly update iframe height
function resizeListener(event) {
var adminheight = document.getElementById('wpadminbar').clientHeight;
document.getElementById('cognito-frame').height = (document.body.clientHeight) + "px";
}
resizeListener();
</script>