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?
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?
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.
I understand ... i think it could be interesting if someone could build a tutorial about this
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.
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
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?
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.
Is there a date for the release of form builder for responsive designs?
No, there is not a set date at this time.
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.
Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.
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.