Responsive WFB form in RSD container...

User 2514104 Photo


Registered User
43 posts

Hi Steve
Tried that but with no success - added 5px to the iframe height in the html element text and set max errors in the form properties to 1. Re-exported and uploaded.
I then put the form in a sub grid and manipulated the width of the subgrid. Seems it has to be at max width to have the form show correctly, but the form is left aligned. It won't display when right aligned in the sub-grid column.

Here is a link to the zipped fb & red files.
https://www.dropbox.com/s/i4elvyko721t3 … 2.zip?dl=0

Any thoughts?
Cheers Peter
User 103173 Photo


VP of Software Development
0 posts

Who is Steve? :)

I don't show you adjusted the markup in RSD. If you look at the exported Form Builder code it has a height of 325px. However if you look in RSD, you did not adjust the height there. It is still set to 325px. The 5px is only a guide though. You will have to tinker with the dimensions to find what works right for this layout.

You should also go into the Resources and clean out the multiple versions of the form files you have added. Only one copy should be there.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2514104 Photo


Registered User
43 posts

Hi Steve
Further to my last post, the only reason the form is so small is because it won't resize at breakpoints, so I have to make it small enough to fit the last larger screen size breakpoint.

Here are some screen shots of the results when I used it in a sub-grid.
cheers Pete
User 2514104 Photo


Registered User
43 posts

and the last screen shots.
User 103173 Photo


VP of Software Development
0 posts

Phil, please see my last comment. You can tell by looking at the Screen Shot 2015-10-13 at 8.59.39 am.png screenshot, the dimensions are still set to 325px. That means you have not adjusted the markup like you say you did. Also, to restate what I said in my last post. The 5px is only a guide though. You will have to tinker with the dimensions to find what works right for this layout.

You should also go into the Resources and clean out the multiple versions of the form files you have added. Only one copy should be there.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 187934 Photo


Senior Advisor
20,271 posts

I did what Scott suggested and it now displays fine.
http://ericrohloff.com/coffeecup/ccforu … dex_1.html
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 2514104 Photo


Registered User
43 posts

Hi Steve
I really struggle when it comes to editing the code - so please bear with me!

The only reference i can see to iframe size is in the code that is pasted into the html element in RSD. The are two height references here so I have now changed them both to 350.
Is this what I should be changing?

The two forms in the RSD are a little different- - on is (ExpressEnquiry form) for mobiles where there is not enough room in the banner to have a form, and the other is the banner form (BannerEnquiry Form). They have different form names in WFB.
Thx Peter
User 103173 Photo


VP of Software Development
0 posts

Peter Hyde wrote:
The only reference i can see to iframe size is in the code that is pasted into the html element in RSD. The are two height references here so I have now changed them both to 350.
Is this what I should be changing?

Any and all references that have a dimension of that value need to be adjusted.

Peter Hyde wrote:
The two forms in the RSD are a little different- - on is (ExpressEnquiry form) for mobiles where there is not enough room in the banner to have a form, and the other is the banner form (BannerEnquiry Form). They have different form names in WFB.

You should re-think your design so it is not so complicated. That is why you are having so many problems. You are also going a little Breakpoint happy. Having 10 is quite a bit. Most sites only need 3-4 tops. Just a suggestion. ;)

- Scott (not Steve, Sam, Santons, Shawn or Shelly). Just Scott. ;)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2514104 Photo


Registered User
43 posts

Apologies Scott - I was on a webinar with Steve at the time! No excuse I know, but my brain is getting older and slow! Please make allowances.

Only reason I put in so many breakpoints was to make the image look right on all the common device sizes. Be good to reduce these.

But that does not solve the form problem.

I just changed the html element to float right to get better positioning but it fails to display correctly again. To me it is weird - I really have no idea what is happening in the code.

Here is a of the result.
Cheers Pete
Attachments:
User 2514104 Photo


Registered User
43 posts

Hi Eric,
Many thx for your efforts.

It looks like you worked on the form in the middle of the page? The one I cannot get to work properly is in the Banner image. I can get it to display Ok on screen size >1818px, but less than that it becomes much longer with one field per one and then stops the banner image from resizing.

Many that for looking at this, I really do appreciate your time. Just feel let down by the products.

caplend.com.au/index_1.html

Cheers Peter

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.