Issues trying to embed HTML on a blank brizy template page as too many Div's
Hi there,
I am trying to embed a very simple full page TypeFrom form into a clean Brizy Template page with a single block using an HTML embed. I have adopted the Brizy page template, made it full height and full width.
For some reason, the HTML element was not expanding out to fill the page. Tried everything that made sense within the Brizy options and changed some of the HTM settings around height and width.
I reached out to TypeForm who kindly provided a detailed video of the issue which is not letting it fill the page and it is based around so many Div's and not being able to access the one you need to in order to allow it to fill the page
Link to video - https://share.getcloudapp.com/
Can someone please help with resolving this issue so I can embed full-page HTML embeds from within the Brizy builder.
Thanks
Andrew
-
Hi,
Could you please check that you added an empty block where you added only the Embed element? Could you verify if you have set for Height and Width of the block the "Full" value as in this screenshot? I added a new block, set it with Full height and width and added only the Embed element (I didn't add some code in the element). Also, you can add only the Embed element without adding a row or a column, if the person from video think that the problem is in the number of divs.
Also, could you please add the embed code in a WP default page with full height and width and see if this problem has appeared there?
Thanks!Best regards,
Sandra0 -
Hi Sandra,
Yes, it was a new clean page, with a single block and a single HTML embed element. Page height and width were both set to full.
I didn't add any rows or columns - it is literally a clean page, new single block and an embed straight into the block.
As you have noted, I tried a WP default page as an alternative to see if I could get it sorted and it works absolutely fine on the WP default page (the only issue is the width but that is a Blocksy theme setting), height is perfect - it does what it should do.
So appears to some restriction when trying to do it on a Brizy template page.
Cheers
Andrew
0 -
Would it help if I send the embed code over so you can try it out on your end? If so, what is the best way to send the code (prefer if it was sent offline/not in a public forum)?
Cheers
0 -
You can send the embed code here and before approving the comment I will delete the code and in cush a way it will not be public. Before approving all posts and comments are private.
Thanks!Best regards,
Sandra0 -
Great, thanks Sandra, appreciate it.
Code as follows:
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>LSP 9 - Callback Request Form</title> <style type="text/css"> html{ margin: 0; height: 100%; overflow: hidden; } iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; } </style> </head> <body> <iframe id="typeform-full" width="100%" height="100%" frameborder="0" allow="camera; microphone; autoplay; encrypted-media;" src="https://form.typeform.com/to/fXcpqnf6"></iframe> <script type="text/javascript" src="https://embed.typeform.com/embed.js"></script> </body> </html>0 -
Hi,
We checked the code you send us and we find that it is looking the same as in the Brizy editor https://jumpshare.com/v/l8zvH5Q40jXOxp8kn0ta. Also, in the WP editor, we found this error https://jmp.sh/r45kxJc. Therefore, we tried to check the code https://validator.w3.org/nu/#textarea and found some warnings and errors https://jmp.sh/Z1DHQa1.
One of our developers said that to make work this code, you have to add some Custom CSS.
Thanks!Best regards,
Sandra0
Please sign in to leave a comment.
Comments
6 comments