cforms II User Forum

	Current User: Guest	FAQs

cforms II User Forum CSS Styling and Layout Can I move the "required" text next to the label?

Can I move the "required" text next to the label?

Page: 1

Reply to Post

Add a New Topic

Post

Guest

Ryan

9:17 pm November 4, 2008

Quote and Reply

Please replace the ??? with your data!

URL to the FORM: http://www.vinestreetcommunications.com/blog/contact-us/
The browser used: Firefox
cforms version: 9.1
Your Wordpress version: 2.6.3

[desc]: Hi Oliver,

I'm migrating a static site to WordPress so I have my forms set up like so:

<li>
<label for="name">Name (required)</label>
<input id="name" name="name" type="text" />
</li>

The "required" text is next to the label and in tags so it's more semantically meaningful. Currently, cForms has the "required" text wrapped in a span tag with class of "reqtxt."

Is it possible to "hack" a file somewhere so I can recreate the structure I've shown above? Even if I can get the to appear after the <label> instead of after the <input>, as it currently is, I'd love it.

By the way, thanks for your great contribution to the WordPress community. This plugin is a staple in my opinion, and I only wish it were available outside of the WordPress environment!

Sincerely,

Ryan

Admin

Oliver

Munich, Germany

posts 6231

9:38 pm November 4, 2008

Quote and Reply

Thanks Ryan.

The "required" text is next to the label and in tags so it's more semantically meaningful. Currently, cForms has the "required" text wrapped in a span tag with class of "reqtxt."

It's certainly an option to do it this way, but I wanted to keep the informational text outside of the label tag. In some languages it's not sufficient to have just one word for 'required' or 'valid email required' (only 3 words) – oftentimes you have to be more elaborate and depending on the CSS theme of choice it would most certainly kill the layout.

Anyway, all code is in cforms.php. While I don't encourage changing the core files, it should be quite easy to adjust to your reqs.

** FAQS ** cforms home page ** donations

Guest

Ryan

7:02 am November 7, 2008

Quote and Reply

Thanks Oliver!

For those interested in doing the same, open cforms.php (in the root cforms folder) and look around line 758 (this is for cforms 9.1). You should see something like this:

### adding "required" text if needed
if($field_emailcheck == 1)
$content .= ''.stripslashes($cformsSettings['form'.$no]['cforms'.$no.'_emailrequired']).'';
else if($field_required == 1 && !in_array($field_type,array('ccbox','luv','subscribe','checkbox')) )
$content .= ''.stripslashes($cformsSettings['form'.$no]['cforms'.$no.'_required']).'';

Cut this block of code out, then scroll up to around line 434, where you'll see this:

$content .= $nttt . '<li'.$liID.$liERR.'>'.$insertErr.'<label' . $labelID . ' for="'.$input_id.'"'. $labelclass . '>' . stripslashes(($field_name)) . '</label>';

Remove the closing </label> tag from that string.

Paste the 1st block of code you just cut directly after the 2nd block of code above (minus the closing label tag).

Then, directly below the code you just pasted in, you'll need to add the closing label tag back in:

$content .= '</label>';

That's it.

Guest

Raymond

8:27 am April 16, 2009

Quote and Reply

I tried this and could not get it to look like yours. It just moved the REQUIRED text on top instead of bottom, and then moved the Label text a bit higher than it should be, out of place. I would really like to get this solved.

ADMIN EDIT: please don't double post. see your other thread.