close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Form Fields side by side

Thread began 4/12/2013 10:27 am by Daryl | Last modified 7/11/2013 2:00 am by Daryl | 765 views | 7 replies |

DarylBeta Tester

Form Fields side by side

Im having a bit of brain fog at the moment and cant remember how to get form field to show in two columns.

I have fiddled wit Lines, Groups and Sets and the closest that I can get is both form labels to the left of the first form field with the second field shown to its right.

Im sure its an easy thing to do...

Sign in to reply to this post

Jason ByrnesWebAssist

First, edit the form design, from the main select list, select Form and set the Columns to 2. Set the Column width to be half the form width.

Then from the main select list, select the field set. Set the Left and right padding of the field set to 10px.

in the form contents, there are 2 ways to make an element be on the same line:

1) add a field set with 2 groups in it. for the second group, check the option to "Continue on same line as group above"

1) Add a field set with a group in it. edit the group. Select a line and click the plus button to add a new set so that you have 2 sets on the same line.

Sign in to reply to this post

DarylBeta Tester

Thank you Jason

Sign in to reply to this post

DarylBeta Tester

Hi Jason

Ive tried option two (as you can see in the attached image) however it hasn't worked.

Sign in to reply to this post

Jason ByrnesWebAssist

Please provide a link where i can see the problem.

Sign in to reply to this post

DarylBeta Tester

Link in private message

Sign in to reply to this post

Jason ByrnesWebAssist

for some reason the width for the columnGroup is not being set properly, change:


form.K9SAR_K9SAR div.columnGroup {
width:760px;
padding-bottom:15px;
padding-top:7px;
display:inline;
float:left;
}



to:

form.K9SAR_K9SAR div.columnGroup {
width:360px;
padding-bottom:15px;
padding-top:7px;
display:inline;
float:left;
}




I am not able to reproduce this using Data Bridge 1.1.3.

Sign in to reply to this post

DarylBeta Tester

Perfect!

Thank you.

I am using the latest version....

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