close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

How to build a responsive form with this tool?

Thread began 9/07/2013 10:02 am by mmnpinto361034 | Last modified 5/21/2015 2:06 pm by Ray Borduin | 5871 views | 12 replies |

mmnpinto361034

How to build a responsive form with this tool?

Is it possible to build a responsive form with this tool? If yes, is it possible to send me a tutorial on how to to do this?

Sign in to reply to this post

Jason ByrnesWebAssist

The basic idea of a responsive form is to use percentages for width and height measurements and use EMs for font sizes.

Int he form design section, you would need to convert all of the settings to use percentages and EMS, there are a few settings that you will need to manually change in the CSS after the form is created.

Sign in to reply to this post

mmnpinto361034

I understand ... i think it could be interesting if someone could build a tutorial about this

Sign in to reply to this post

dc50093

Responsive Forms- More Detail Please

Jason, can you be more specific... much more specific. This is a really important topic. I'm finding that nobody wants websites that aren't responsive anymore so I need to get a handle on building responsive forms with the webassist tool.

Sign in to reply to this post

Jason ByrnesWebAssist

in form builder, in the choose design section, click the edit button to edit the form css settings.

for each of the settings, you will need to convert any width and height settings to use percentages instead of PX and change any font size settings to use EMs

Sign in to reply to this post

dc50093

Responsive Forms

I've tried your suggestion over the past few weeks and it's not really practical because it is too time consuming. CSS Form Builder is simply not a good option for responsive forms- too much work involved. Despite this, I've developed a workaround using Twitter Bootstrap which has beautiful form styling built in. I build the form as usual using CSS Form Builder. I then remove the WebAssist CSS link from the page and Bootstrap's default form styling kicks in. With some very minor html adjustments, removing the <ul> and <li> tags for instance, the Bootstrap form styling looks beautiful and it's responsive.

The end result looks and works well but I'd like to get rid of all the unecessary classes and styling code that CSS Form Builder creates. Is there an easy way to strip out the styling when building the form in CSS Form Builder?

Sign in to reply to this post

Jason ByrnesWebAssist

Updating form builder for responsive designs is on the road map for the future,

If you use the current version of Data Bridge, 1.1.7, form builder now uses jquery for validation, in this version the HTML generated for the forms is considerably lighter, since the spry validation code is no longer needed. But there is not way to strip out the styling all together.

Sign in to reply to this post

mmnpinto361034

date for the release of form builder for responsive designs

Is there a date for the release of form builder for responsive designs?

Sign in to reply to this post

Jason ByrnesWebAssist

No, there is not a set date at this time.

Sign in to reply to this post

BruceT

The post form creation CSS changes simply vanish.

The problem with making manual changes to the CSS after the form has been created is that if you ever have to go back and tweak something in the form all the changes you made go away when the form reverts back to the default settings! I'm in the process of converting a half dozen of my client's websites into responsive websites and the CSS Form Builder software has been the biggest headache by far in the process.

Sign in to reply to this post
loading

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