close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Integrating FB with existing page layouts...

Thread began 9/01/2009 12:29 am by steve387748 | Last modified 9/02/2009 8:59 pm by Eric Mittman | 1121 views | 3 replies |

steve387748

Integrating FB with existing page layouts - RESOLVED

I have a bunch of pages that contained forms that I was creating in the past while just using DW CS4. I got the look and feel finalized and would like to recreate the forms from past pages using Form Builder instead.

FB uses a bunch of CSS and styles that do not fit what I was doing in the past. What is the easiest way to insert a new form using FB into an existing page design that won't be broken by FB?

Next question is that I noticed that the stylesheets that were used by FB reside outside of my root directory for my website that I'm creating (using PHP and DW along with Web Assist tools). As a result, I can't view the stylesheets on the list of files view for the page I'm working with since it displays a css file is a remote file and cannot be edited. I can't even see what the values are without navigating to the directory that contains the css files and then open it from there.

These two issues may be related since basically, I need to insert forms using FB into my existing pages and yet once this is done, they break the layout of the existing page and there doesn't appear to be a way for me to edit the CSS to put things back into alignment with the existing look and feel. Usually this has to with specificity of an element in the form such as an "a" tag that is superseded by the main.css file I use for my pages' general look and feel.

thanks for the info,

steve

Sign in to reply to this post

Eric Mittman

When you use Form Builder on an existing form there are two things that will be changed and may need to be udpated. The default values that were used to initially populate the form will need to be re-bound. Also as you noted the CSS will change and make use of the new Form Builder CSS.

This css should be contained in a file inside of the CSSFormBuilder folder in the site root. If you have css for the specific parts of the page that conflict with the css created by form builder you should just ensure that your preferred css file is the last one listed on the page, this way it will take precedence.

If the styles applied to the form elements does not match what you have then you may need to update the form by re-applying your styles.

In regards to your problems with the css being created outside of the site root where is it?

Sign in to reply to this post

steve387748

I went back and created a whole new site in DW CS4. Then I started from scratch again and now it appears the styles are contained within a WebAssist folder that's in my root folder so I can see the CSS styles now. Don't know what was going on before, but after doing it again from scratch things appear to be OK.

thanks

Sign in to reply to this post

Eric Mittman

Thats good that you have got it working correctly. If you notice it putting the files in the wrong location get back to us with some info about where the files are going and how you configured your form.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...