Page 1 of 1
Contact form input text box is very small
Posted: Fri Jan 26, 2007 7:32 am
by askme
Hi everybody
I have my site up and running using CMS Made Simple. The problem is that I add a contact form, but the input box is very small compared to the page. How to fix it Have a look:
http://www.erealmedia.com/cms102/index.php?page=contact-us
Re: Contact form input text box is very small
Posted: Fri Jan 26, 2007 8:06 am
by cyberman
Please read {contact_form} help
# (optional)style - true/false, use the predefined styles. Default is true.
So you have to add style=false to your command and you can style it via CSS.
Re: Contact form input text box is very small
Posted: Fri Jan 26, 2007 10:11 am
by askme
I tried with style=false, but it pushes al the contact form down leaving lots of space(almost one page) on top then contact form appear.
Anyway, I managed to do it, look bit OK now. What I did is modified the function.contact_form and change the rows and cols of message texbox.
Re: Contact form input text box is very small
Posted: Wed Apr 25, 2007 6:25 pm
by TJINAK
I'm stuck on this topic. I adjusted the rows and cols in my php file also but no joy.
I also read the help and tried the style tag but I'm not sure if I need to create a stylesheet for the {contact_form} or if it already exists.
This is how it looks now:
http://www.centralpeninsulaorthodontics ... contact-us
Running cmsms 1.05.
Thanks,
Tim
Re: Contact form input text box is very small
Posted: Wed Apr 25, 2007 7:37 pm
by RonnyK
Re: Contact form input text box is very small
Posted: Wed May 02, 2007 4:50 pm
by TJINAK
Does this thread apply to the contact_form also?
Here is what my source looks like:
{contact_form email="
myemail@address.com"}
I don't see how I would style the width of the this contact form.
Can someone please advise on what stylesheet the contact_form is using. I thought I might have to go right into the php file for the contact form script.
Thank you,
Tim
Re: Contact form input text box is very small
Posted: Wed May 02, 2007 5:09 pm
by TJINAK
I think I'm almost there.
I edited the funtion.contact_form.php file under the styles section and did this:
// Default styles
$inputStyle = 'style="width:350px;border: 1px solid black; margin:0 0 1em 0;"'; // input boxes
$taStyle = 'style="width:350px; border: 1px solid black; margin:0 0 1em 0;"'; // TextArea boxes
$formStyle = 'style="width:350px; important; font-weight: bold;"'; // form
$errorsStyle = 'style="color: white; background-color: red; font-weight: bold; border: 3px solid black; margin: 1em;"'; // Errors box (div)
$labelStyle = 'style="display:block;"';
$buttonStyle = 'style="float:left; width:50%;"';
$fieldsetStyle = 'style="padding:1em;"';
$captchaStyle = 'style="margin-bottom:1em; text-align: center;"';
My final problem is getting the box that wraps the form to fit correctly.
Please see the problem here:
http://www.centralpeninsulaorthodontics ... contact-us
If there is a correct approach to this problem I would really aprreciate the help.
Thank you,
Tim
Re: Contact form input text box is very small
Posted: Wed May 02, 2007 5:14 pm
by TJINAK
I'm not sure why but when I increased the pixels in this line:
$formStyle = 'style="width:600px; important; font-weight: bold;"'; // form
It seems to work even though my text and input areas are set much lower:
$inputStyle = 'style="width:350px;border: 1px solid black; margin:0 0 1em 0;"'; // input boxes
$taStyle = 'style="width:350px; border: 1px solid black; margin:0 0 1em 0;"'; // TextArea boxes
Still looking for a better way to handle this.
Thank you,
Tim
Re: Contact form input text box is very small
Posted: Wed May 02, 2007 8:23 pm
by KO
What about adding...
form fieldset {width:600px}
... to your stylesheet.
Br,
K
Re: Contact form input text box is very small
Posted: Thu May 03, 2007 11:57 am
by tsw
KO, inline styles get higher specificity so it wont work without setting the default styles from the tag call off (whatever the parameter was
-tsw