Webform Builder and Site Designer -...

User 275485 Photo


Registered User
48 posts

Eric Rohloff wrote:
Can you share you SD project file?


Here is one page that has the problem
Attachments:
User 275485 Photo


Registered User
48 posts

A Nony Mouse wrote:
Sheila Knight wrote:
That is just the form, of course. I am just trying to figure out how to make a button that will make this form (made in Webform Designer) pop up on the page. Using the instructions from Webform Designer, I can put a link on my page (see Button Problem 2 pic) where, as you can see, it can hardly be seen. I was hoping to make it pop up using a Contact Me button like the others in that line (See Button Problem 1 pic)



"made in Webform Designer"

I'm confused web form builder or web form designer?


Sorry - I meant Webform Builder
User 187934 Photo


Senior Advisor
20,188 posts

Is the Form added to the SD project?
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 379556 Photo


Registered User
1,535 posts
Online Now

I found it in the the following places in the .rsd project file provide in an earlier post:
in the Element panel of the Contact Me text link it's worked via the Head Code box and the Content switching box. What I didn't find was the answer to the problem of the weird button which reveals itself when one uses 'Preview on ...'.

Frank
User 379556 Photo


Registered User
1,535 posts
Online Now

It looks super to me, especially if one sets the HTML element to Display > None to get rid of the words at the bottom left of the browser window.

Frank
User 187934 Photo


Senior Advisor
20,188 posts

Oops, I forgot to delete that. It was a testing thing. I'll repost.
Thanks Frank,:D
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 187934 Photo


Senior Advisor
20,188 posts

Here ya go Sheila,
Give it a try now.
I have your lower link tied to the form popup also. I figured you could switch it if you want the email link back.
Attachments:
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 275485 Photo


Registered User
48 posts

Many many thanks. Is there somewhere that I can read about the fb-iframe class, please so that I can understand how it works?
User 187934 Photo


Senior Advisor
20,188 posts

Sure right here.
The jQuery script you add to the header of your page from the Form Builder uses the .fb_iframe class to trigger the popup of the form on the click of any element that has that class.
<script>
var $fb_pop = jQuery.noConflict();

$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('https://www.handmade-by-sheila.com/forms/Contact%20Me/','Contact%20Me','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"737px", height:"80%", maxHeight:"828px", fixed:true });
});
</script>

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 275485 Photo


Registered User
48 posts

I am really sorry to appear so dim, but I cannot find that jQuery script on the page you sent me back, although it works perfectly!

Another question: how do I add that page to replace the old one in my original Site Designer project, please?

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.