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

How to control placement of a checkbox?

Thread began 9/18/2009 12:59 am by steve387748 | Last modified 9/21/2009 3:31 pm by tom92909 | 2312 views | 10 replies |

steve387748

How to control placement of a checkbox? - RESOLVED

I have a checkbox that a user must click to accept our terms when they submit a signup form. How do I put the checkbox on the left rather than the right?

One last question, I'd like to define what the terms are as a bulleted list under the checkbox and its label (which reads "I agree that:")?

Something like this:

checkbox - I agree that:
I accept the User agreement and privacy policy (note that this is a link to the file)
I am at least 18 years old.
I may receive communications from XYZ related to my membership.

I figured out how to enforce the checkbox was clicked or it won't submit, but wondering what will happen if I add the custom code after the checkbox and whether this code will be wiped out if I edit the form using FB again.

Sign in to reply to this post

tom92909Beta Tester

Maybe this will help?

html:
<table>
<tr>
<td valign="top"><input name="" type="checkbox" value="" /></td>
<td></td>
<td>I agree that:<br />
I accept the User agreement and privacy policy (note that this is a link to the file)<br />
I am at least 18 years old.<br />
I may receive communications from XYZ related to my membership.</td>
</tr>
</table>
Sign in to reply to this post

Jason ByrnesWebAssist

if you create the checkbox on a new line, it will automatically be shifted to the left.


to add the bulleted list, use:
<ul>
<li>I accept the User agreement and privacy policy (note that this is a link to the file)</li>
<li>I am at least 18 years old.</li>
<li>I may receive communications from XYZ related to my membership.</li>
</ul>

Yes, the custom code will be wiped out if you edit the Form contents.

Sign in to reply to this post

steve387748

When you say create the checkbox on a new line, are you meaning while in the Edit Form tool of FB? Currently the checkbox shows as being on its own line with nothing else. I think the format is something like:

Line 1
Set 1
I agree that: checkbox (validation is on)


Is it perhaps somewhere else I should be looking to force the checkbox to the left?

steve

Sign in to reply to this post

steve387748

Regarding losing a bullet list of info if editing the form manually and then re-entering FB for the form, what do you recommend on this? Just make sure I have it as close as can be using FB and add code by hand when I think it's finished? It isn't like I'd have to retype a bunch of text even if I did want to edit the form again I suppose.

Even if I was to remove the bullet list, I'd still like to have a link to the T & Cs for the company when a person signs up for the service.

So the checkbox and statement would look like:

Checkbox "I agree with the terms and conditions" and have "terms and conditions be a link to the page that contains the T&Cs.

So it sounds like what you are saying is that if it can't be done through the FB current interface, it will be hand coding on my part with the knowledge that if I ever make changes to the form using FB, I'll have to go back and do the hand coding again?

steve

Sign in to reply to this post

steve387748

By the way, I noticed that the checkbox is aligned like every other input field in the form so that appears to be the reason it is to the right of the label. Any way to change this so it will be to the left. I have the "I agree that:" checkbox, the Captcha, and the security question all in their own fieldset if that makes a difference.

steve




Originally Said By: steve387748
  When you say create the checkbox on a new line, are you meaning while in the Edit Form tool of FB? Currently the checkbox shows as being on its own line with nothing else. I think the format is something like:

Line 1
Set 1
I agree that: checkbox (validation is on)


Is it perhaps somewhere else I should be looking to force the checkbox to the left?

steve  
Sign in to reply to this post

steve387748

Thanks for your suggestion Tom. I have a feeling the alignment has to do with the way FB is designed to add a line and set. Note too that FB is using divs and no table controls for layout. I'll get the hang of this tool yet :o)

thanks again,

steve


Originally Said By: tom92909
  Maybe this will help?

html:
<table>
<tr>
<td valign="top"><input name="" type="checkbox" value="" /></td>
<td></td>
<td>I agree that:<br />
I accept the User agreement and privacy policy (note that this is a link to the file)<br />
I am at least 18 years old.<br />
I may receive communications from XYZ related to my membership.</td>
</tr>
</table>
  
Sign in to reply to this post

tom92909Beta Tester

My pleasure!

Sign in to reply to this post

steve387748

Out of curiosity Tom, you show an example using a table for the layout of the form, does this mean you aren't using FB to create the form and are just using a table layout (since FB uses divs), or are you using FB with a form that's been created with a table layout? If so, how are you using FB when having a form in a table?

steve

Sign in to reply to this post

Jason ByrnesWebAssist

Steve,

Sorry, I misunderstood the question the first time I read it. I though you where asking how to get the Checkbox to the left of the pager, not the left of the label.
The Form builder interface doesn't allow you to place the labels to the right of the elements.

You will need to rearrange the label and form divs after the form has been created.

If you edit the form using the form builder interface later, the c changes will lost.

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