Add classes to my zem_contact form so I can style them in the css??

deronsizemore · 2006-01-18 13:48:06

As you can see below I’ve got my xhtml compliant zem_contact form which I saw an example for in another thread. I’ve tried to the best of my xhtml/css knowledge to get a class added so that I can make the actual input field longer than it is. I want it to be 200px in width, but can’t seem to get it to change.

<code>
<txp:zem_contact mailto=“deronsi@deronsizemore.com” thanksform=“contact_thanks”>
<txp:zem_contact_text label=“Name” class=“form_field” />
<txp:zem_contact_email required=“1” label=“E-Mail” class=“form_field” />
<txp:zem_contact_text label=“Subject” class=“form_field” />
<txp:zem_contact_textarea label=“Message” required=“1” />
<txp:zem_contact_submit label=“Send” class=“form_button” />
</txp:zem_contact>
</code>
 
The class is called “form_field”. Here is my CSS for the corresponding class:
 
.form_field {
width: 200px; padding: 2px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

As you can see if you view the source for the contact page, it’s not even recognizing my classes in the html…?

I’ve also done the same for the “submit” button by defining a class called “form_button” and nothing I do seems to style it either.

website: <a href=“http://www.deronsizemore.com”>HERE</a>

Last edited by deronsizemore (2006-01-18 13:51:17)

alexandra · 2006-01-18 16:22:01

Did you use zem_contact_reborn?

deronsizemore · 2006-01-18 16:48:43

Do I didn’t. I will try it when I get home from work tonight.

It really shouldn’t matter should it? I used this same zem_contact about a month or so ago and was able to style it with no problem.

I’ll try the reborn one tonight and see what happens.

alexandra · 2006-01-18 16:56:56

well, they added some classes to reborn so it should be easier to style the contact form by now.

deronsizemore · 2006-01-18 21:35:41

Cool…didn’t know that. Thanks

thebombsite · 2006-01-18 22:14:37

If you are changing to “reborn” check your attributes. “1” and “0” are now replaced with “yes” and “no” and the “mailto” attribute is now “to”.

deronsizemore · 2006-01-19 03:06:13

> thebombsite wrote:

> If you are changing to “reborn” check your attributes. “1” and “0” are now replaced with “yes” and “no” and the “mailto” attribute is now “to”.

I’ll have to read up on it, because honestly I don’t even know what the “1” and “0” did, and I definitely don’t know what the “yes” and “no” and “to” do. :)

Thanks for the heads up though.

thebombsite · 2006-01-19 04:39:19

I was talking about things like required=1 which would now be required=“yes”.

You have to place the “mailto” attribute in the “zem_contact” tag. It’s the “mailto” email address which would normally be your own address however in the “reborn” version that has changed from “mailto” to “to”.

Destry · 2006-01-19 11:19:17

As I recall, you can do what you’re trying to do with the original zem contact; you simply go into the plugin code itself and find the size values for the desired box. So if your talking about the text input box, you look for this block of code…

<code>function zem_contact_textarea($atts) {</code>
<code>global $zem_contact_error, $zem_contact_form;</code>
<code>$label = (empty($atts[‘label’]) ? ‘Message’ : $atts[‘label’]);</code>
<code>$name = (empty($atts[‘name’]) ? preg_replace(‘/\W/’, ‘’, $label) : $atts[‘name’]);</code>
<code>$break = (!isset($atts[‘break’]) ? ‘ ’ : $atts[‘break’]);</code>
<code>$cols = (empty($atts[‘cols’]) ? ‘50’ : $atts[‘cols’]);</code>
<code>$rows = (empty($atts[‘rows’]) ? ‘13’ : $atts[‘rows’]);</code>
<code>$min = (empty($atts[‘min’]) ? 0 : $atts[‘min’]);</code>
<code>$max = (!isset($atts[‘max’]) ? 10000 : $atts[‘max’]);</code>
<code>$default = (empty($atts[‘default’]) ? ‘’ : $atts[‘default’]);</code>
<code>$required = (empty($atts[‘required’]) ? false : true);</code>

—

and widen the “cols” value from ‘50’ to whatever you need. Note it won’t be in pixels though.

On the other hand, maybe zem contact reborn will be better in the end.

Last edited by Destry (2006-01-19 11:23:33)

deronsizemore · 2006-01-19 15:17:01

TheBombSite: Ohh, ha ha..I got ya now. Thanks!

Destry: Thanks for the idea. Maybe I’m just imagining it, but I could have swore I did what I’m trying to do before in the CSS. Obviously I was wrong. I’m gonna go ahead and try out the reborn contact and see what happens. I guess it’s always best to keep up with the times anyway…and since it’s the newest, I’ll use it. Thanks for the suggestion.

deronsizemore · 2006-01-19 20:13:58

Okay I got the “reborn” contact form installed and everything, and it works great! MUCH easier to style than the original. Thanks everyone again for the continued help. :)

Last edited by deronsizemore (2006-01-19 20:14:21)

Textpattern CMS

Textpattern CMS support forum

#1 2006-01-18 13:48:06

Add classes to my zem_contact form so I can style them in the css??

#2 2006-01-18 16:22:01

Re: Add classes to my zem_contact form so I can style them in the css??

#3 2006-01-18 16:48:43

Re: Add classes to my zem_contact form so I can style them in the css??

#4 2006-01-18 16:56:56

Re: Add classes to my zem_contact form so I can style them in the css??

#5 2006-01-18 21:35:41

Re: Add classes to my zem_contact form so I can style them in the css??

#6 2006-01-18 22:14:37

Re: Add classes to my zem_contact form so I can style them in the css??

#7 2006-01-19 03:06:13

Re: Add classes to my zem_contact form so I can style them in the css??

#8 2006-01-19 04:39:19

Re: Add classes to my zem_contact form so I can style them in the css??

#9 2006-01-19 11:19:17

Re: Add classes to my zem_contact form so I can style them in the css??

#10 2006-01-19 15:17:01

Re: Add classes to my zem_contact form so I can style them in the css??

#11 2006-01-19 20:13:58

Re: Add classes to my zem_contact form so I can style them in the css??

Board footer