You need to sign in to do that
Don't have an account?
Jordan Frank
Re-Size Text Area of Web-to-Lead Form
I am looking to re-size the width of my text area in my generated web-to-lead form. It currently shows 3 rows, which is fine, but the width is to small to type anything longer than a sentence in. This is my code.
Thanks
<h1><b>Contact</b> Us</h1> <p><br /></p> <style type="text/css"> label { line-height: 18px; font-weight: bold; } </style> <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input type=hidden name="oid" value="00D1a000000KWEu"> <input type=hidden name="retURL" value="BLOCKED"> <input type="hidden" name="lead_source" id="lead_source" value="Contact Us"> <div class="ccms_form_element cfdiv_text"> <label for="first_name">First Name</label><input id="first_name" maxlength="40" name="first_name" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="last_name">Last Name</label><input id="last_name" maxlength="80" name="last_name" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="title">Title</label><input id="title" maxlength="40" name="title" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="email">Email</label><input id="email" maxlength="80" name="email" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="company">Company</label><input id="company" maxlength="40" name="company" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="city">City</label><input id="city" maxlength="40" name="city" size="20" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <label for="state">State/Province</label><input id="state" maxlength="20" name="state" size="50" type="text" /><br> </div> <div class="ccms_form_element cfdiv_text"> <p><br /></p> <p>Comments: <textarea id="00N1a000008XVLh" name="00N1a000008XVLh" rows="3" type="text" wrap="soft"></textarea><br></p> </div> <div class="ccms_form_element cfdiv_text"> <input type="submit" name="submit"> </div> </form>I am referring to the Comments text area. Does anyone know how to solve this? I have tried size="50" with no luck.
Thanks
Place below mentioned css within <style></style> of your form:
textarea { width:250px; padding: 0; border: 1px solid #ccc; }
All Answers
Place below mentioned css within <style></style> of your form:
textarea { width:250px; padding: 0; border: 1px solid #ccc; }