contact form (one that comes with modx)

im having a problem locating the "emailform" css code, as it currently has an ugly border and i wish to edit the css for the contact form, but i can not find it!

can any1 help me on this?

That is likely a fieldset border. Browsers put a border on that by default. Given that advice, I have not checked the actual code, so your mileage may vary!

well within the code it has:



so i assume it goes to a css file, just dont kno which one!

Is there a <fieldset> tag in there?

ah yes there is:



what can i do to make it go away? it spoils my template with that dam line - i want it gone! lol would just removing it work?

Quote from: fad3d at Aug 24, 2006, 08:57 AM

ah yes there is:

<div class="emailform">
<p>
    <form method="post" name="EmailForm" id="EmailForm" action="[~[*id*]~]">
        <fieldset>

what can i do to make it go away? it spoils my template with that dam line - i want it gone! lol would just removing it work?

Just put a



to your Stylesheet.

cheers, worked a treat

thanks again

I have another thing to notice with contact form, I’m trying to have small CSS and it seems that the most common way to display label and input are:
<label>my_label</label> <input ... / >
and you use
<label>my_label <input ... / > </label>

With <label>my_label</label> <input ... / > , all forms need only few css style, but with <label>my_label <input ... / > </label> we must rewrite more css rules to according the (great) contact form with the rest of the site style.

Is your way better than the common ? If yes I change all my others forms.

I believe that wrapping the input within the label is just a shortcut way of associating the label with the field.

I prefer to keep them apart, but if you do that you really should use the "for" property, as that’s
<label for="email">Email address:</label> <input id="email" ...

That’s essential for disabled-user-friendlyness, and useful for everyone. If you have a checkbox with a properly configured label, clicking on the label text is the same as clicking on the checkbox - as the text is almost always bigger and easier to click on than the checkbox, I find myself using that a lot. I mentally dock points from a designer if I can’t do that.

Good things, I will change my others forms, and it is xhtml strict valid except the name attribute for the form, but I suppose it is for backwards compability.