Form Designer not displaying full...

User 2889891 Photo


Registered User
42 posts

Hey All,

Okay-

WFB = works fine
FD = works fine
SD = will not display the FD at it's full height, instead I can a small scroll box, nothing formatting correctly.

URL SD: https://xtremepaintball.coffeecup.com/
URL FD: https://old-xtreme.coffeecup.com/my-for … /form.html

I have tried and tried everything, I have set the H value on containers, html elements all at auto through to 2000px. Yet, no matter what I do it will not display correctly, but if I view the FD in a browser separately, it works fine. I have been trying to reach support for three days and now have a client yelling at me as they get a lot of inquiries by email and now cannot get any.

Please review and help...

WFB, FD & SD will not attached to this forum post. I will organize a cloud link shortly.

Thank you, All
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 2889891 Photo


Registered User
42 posts

Hey All,

Done...

Link to the three files: https://1drv.ms/u/s!ArwpyOn8emqgs9o2IHe … w?e=2tgeax

This is set to expire this Friday and anyone can view/edit in the mean time.

Thank you, All
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 187934 Photo


Senior Advisor
19,683 posts

Hi Two Coffee,
I would first fix the http link to jquery to https
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2889891 Photo


Registered User
42 posts

Eric Rohloff wrote:
Hi Two Coffee,
I would first fix the http link to jquery to https
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js


Thank you Eric, SmoothScroll api has been updated.

I did notice when using the inspector tool, it registers everything as 1280px for the contact us form, but it doesn't display more than 112px. Any thoughts on this one?
Two Coffee Snobs
Benjamin Davis
Developer | Consultant | Marketing

m: 0415 400 416
w: www.twocoffeesnobs.com.au
e: info@twocoffeesnobs.com.au
User 187934 Photo


Senior Advisor
19,683 posts

This file is missing.
https://xtremepaintball.coffeecup.com/x … zer.min.js
Move this to the foot area of your page.
<script type="text/javascript">
$('body').prepend('<a href="./index/up-arrow.png" class="back-to-top">Back to Top</a>');
</script>

You should be able to remove the Google jquery link as you already have a jquery referenced.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 345797 Photo


Registered User
48 posts

Hi Eric,
I am having the same problem. I created a form using form designer. Then created a page from visual site designer that contains a header and an html field . Exported the form, added the code which was to go into the html in the page to the html. Exported it as well. Uploaded both to my host site. Below is the code which was to be copied into the html field.

<iframe src="form.html" id="id-20937" style="border:none;background:transparent;min-width:100%;"></iframe>
<script>
(function(w,d,i,p){f=function(){iFrameResize({},'#'+i);};if(!w.iFrameResize){a=document.createElement('script');a.src=p+'js/iframeResizer.min.js';a.addEventListener('load',f);d.head.appendChild(a);}else{f();}})(window, document,'id-20937','CustomColour');
</script>

When I display the page, the form is too short with a slide bar on the side. Can you point me in the right direction for a soluton.

Thanks

As an aside, where can I find information on what function(w,d,i,p) means.

User 187934 Photo


Senior Advisor
19,683 posts

Hi Janice,
Could you share a link to your form so we can check it out?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
13,770 posts

Hi Janice,
I'm no expert on forms, but you are saying that you created a form using Form Designer and then you're placing it within Visual Site Designer, the latter being an old, obsolete program that cannot handle responsive web design, just for starters. I could imagine all kinds of issues with that combination.
Are you absolutely sure that you have mentioned the correct program names?
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.