close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Reentry problem after making css changes

Thread began 8/04/2012 6:25 pm by rich283128 | Last modified 8/07/2012 4:43 pm by MikeyT | 749 views | 5 replies |

rich283128

Reentry problem after making css changes

I created a form. Later I went to DW CSS Styles window and make many CSS style changes. Now when I reenter to CSS Form Builder the form reverts to the original CSS style.

What's the best thing to do next?

Thanks, Rich

Sign in to reply to this post

MikeyT

I usually create a custom style sheet that I attach to my page (below the style sheet Form Builder attaches) that contains all my form's custom css tweaks. That way, if I re-enter the wizard and make changes to the form, none of my custom tweaks get overwritten.

Sign in to reply to this post

rich283128

I also changed the form

Thanks for your post MikeyT.

But I forgot to mention: I also changed the form HTML form look and feel.

After adding the CSS form you suggested, I now have a mixture of old and new after going back into CSS Form Builder. For example, after making a change to a field that I had customized outside of CSS FB, it revered back to a style CSS FB originally created.

I made the changes in DW assuming I could reenter the form after changing the CSS and HTML. Having to open the CSS FB every time you want to make a change is ok, but sometimes you have to experiment with values. Going into CSS FB each time greatly increases the time necessary. I think being able to work in DW in tandum with CSS FB should be an option.

The kind of answer I hoped to hear was how to 'remove' the original CSS & HTML that was created in CSS FB and have it replaced with what is actually on the page at this time.

Any ideas on how to do that?

I think it should be possible, because one of the features of CSS FB is:

"You can also import form fields from an existing page to modify the design and add additional functionality."

(A quote from the WA CSS FB feature page)

Thanks, Rich

Sign in to reply to this post

MikeyT

Hey Rich,

One thing I failed to mention is that when I create the custom style sheet, I copy/paste the same selectors that Form Builder creates into my custom stylesheet. And keeping that stylesheet below the one that Form builder creates in the cascade is key. When working this way you don't necessarily end up with an old and new stylesheet, but more so a modified version of the original that was created by Form Builder. If you re-enter the editor, and make any changes to your form, the custom stylesheet should still apply because its referencing the same classes and IDs that Form Builder applies. Changing those classes and/or IDs outside of Form Builder will obviously require changing your stylesheet selectors by hand so that they match.

Are you changing html structure outside of Form Builder? Are you using classes and IDs referenced in your stylesheet(s)?

Also, there have been a few threads on her where Jason or Ray have stated that Form Builder is more so a one-time form creator than a form editor. But I've been able to leverage my process to go in and out of the editor with ease without losing customization outside of Form Builder.

I do remember documentation stating that you can covert an existing form into a Form Builder form, then edit it from there. Personally, I haven't done one this way. I imagine that once you convert your form to a FB form, FB will apply its own stylesheet and you need to use that. Then you can append a custom stylesheet like I mention above.

Let me know if I'm still not understanding you correctly.

Sign in to reply to this post

rich283128

Thanks for your tips MikeyT. I"m using your style sheet concept with success.

I've been working with CSS FB quite a bit, and now and have a better understanding of how it works. Actually, it's very powerful; I had no idea how great it was until I started making CSS changes to the form in CSS FB instead of in DW.

Sign in to reply to this post

MikeyT

Glad to lend a hand, Rich. Yeah, Form Builder is really powerful. And once you become familiar with the complexities of the interface, you can build some great forms pretty quickly.

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...