[RESOLVED] V4 Notes / Additional Information Size

[Redsign]

Using the portal template and the web20 cart in Safari 4:

 

 

The width of the textarea is overlapping the navbar as it's width is being set to high.

[meaton]

I'm using boxes and I had the same problem, here's how to fix it, this works for both boxes and web20cart. It's probably the same for the others as well, but I didn't check.

 

In ~/templates/orderforms/web20cart/viewcart.tpl find:

 

<p align="center"><textarea name="notes" rows="4" cols="100" onFocus="if(this.value=='{$LANG.ordernotesdescription}'){ldelim}this.value='';{rdelim}" onBlur="if (this.value==''){ldelim}this.value='{$LANG.ordernotesdescription}';{rdelim}">{$notes}</textarea></p>

 

and change cols="100" to a 95, or whatever number you need it to be. Hope this helps if someone else runs into this problem and is looking for the answer.

Edited May 12, 2009 by meaton

[Jay]

I reckon it would be better if the 'cols' was removed and replace with a percentage width. I've noticed this problem a few times when doing integrations.

[elfsoup]

Thank you for this info. I was able to resize the box however as you can see I still have some maybe css issues. Does anyone know how I can fix this.

Edited September 16, 2009 by elfsoup

[D9Hosting]

You could modify the template so that the client details fields are all underneath each other, rather than being side by side.

[elfsoup]

Thank you. By chance do you know how to do this..

 

Thanks again..

[D9Hosting]

This is the code we use for the normal cart, if you copy/paste it into a visual HTML editor and preview, you should be able to get a good idea what it looks like, and what code pertains to everything, so you can either copy/paste it all into your template or edit the existing one.

 

Although do be warned this is for our own site, which doesn't use the same content area width as the standard templates, so do make a backup of your old template before changing anything

 

<form method="post" action="{$smarty.server.PHP_SELF}?a=checkout">
<input type="hidden" name="submit" value="true" />
<h3>{$LANG.yourdetails}</h3> {if !$loggedin}  <strong>{$LANG.alreadyregistered}</strong> <a href="{$smarty.server.PHP_SELF}?a=login">{$LANG.clickheretologin}</a>{/if}<br /><br />

<table width="100%" cellspacing="0" cellpadding="0" class="frame">
   <tr>
     <td><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr><td width="150" class="fieldarea">{$LANG.clientareafirstname}</td><td>{if $loggedin}{$clientsdetails.firstname}{else}<input type="text" name="firstname" style="width:80%;" value="{$clientsdetails.firstname}" />{/if}</td></tr>
<tr><td class="fieldarea">{$LANG.clientarealastname}</td><td>{if $loggedin}{$clientsdetails.lastname}{else}<input type="text" name="lastname" style="width:80%;" value="{$clientsdetails.lastname}" />{/if}</td></tr>
<tr><td class="fieldarea">{$LANG.clientareacompanyname}</td><td>{if $loggedin}{$clientsdetails.companyname}{else}<input type="text" name="companyname" style="width:80%;" value="{$clientsdetails.companyname}" />{/if}</td></tr>
<tr>
 <td class="fieldarea">{$LANG.clientareaaddress1}</td>
 <td>{if $loggedin}{$clientsdetails.address1}{else}
   <input type="text" name="address1" style="width:80%;" value="{$clientsdetails.address1}" />
   {/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareaaddress2}</td>
 <td>{if $loggedin}{$clientsdetails.address2}{else}
   <input type="text" name="address2" style="width:80%;" value="{$clientsdetails.address2}" />
   {/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareacity}</td>
 <td>{if $loggedin}{$clientsdetails.city}{else}
   <input type="text" name="city" style="width:80%;" value="{$clientsdetails.city}" />
   {/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareastate}</td>
 <td>{if $loggedin}{$clientsdetails.state}{else}
   <input type="text" name="state" style="width:80%;" value="{$clientsdetails.state}" />
   {/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareapostcode}</td>
 <td>{if $loggedin}{$clientsdetails.postcode}{else}
   <input type="text" name="postcode" size="15" value="{$clientsdetails.postcode}" />
   {/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareacountry}</td>
 <td>{if $loggedin}{$clientsdetails.country}{else}{$clientcountrydropdown}{/if}</td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareaphonenumber}</td>
 <td>{if $loggedin}{$clientsdetails.phonenumber}{else}
   <input type="text" name="phonenumber" size="20" value="{$clientsdetails.phonenumber}" />
   {/if}</td>
</tr>
<tr>
 <td {if !$loggedin} style="height:21px;"{/if}> </td>
 <td></td>
</tr>
<tr><td class="fieldarea">{$LANG.clientareaemail}</td><td>{if $loggedin}{$clientsdetails.email}{else}<input type="text" name="email" style="width:90%;" value="{$clientsdetails.email}" />{/if}</td></tr>
{if $loggedin}
<tr><td class="fieldarea"><br /></td><td></td></tr>
<tr><td class="fieldarea"><br /></td><td></td></tr>
{else}
<tr><td class="fieldarea">{$LANG.clientareapassword}</td><td><input type="password" name="password" id="newpw" size="20" /></td></tr>
<tr><td class="fieldarea">{$LANG.clientareaconfirmpassword}</td><td><input type="password" name="password2" size="20" /></td></tr>
{/if}
</table>

</td></tr></table>

{if !$loggedin}<p align="center"><script language="javascript">showStrengthBar();</script></p>{/if}<br />

{if $customfields || $securityquestions}
<table width="100%" cellspacing="0" cellpadding="0" class="frame">
   <tr>
     <td><table width="100%" border="0" cellpadding="10" cellspacing="0">
{if $securityquestions && !$loggedin}
<tr><td width="200" class="fieldarea">{$LANG.clientareasecurityquestion}</td><td><select name="securityqid">
{foreach key=num item=question from=$securityquestions}
<option value={$question.id}>{$question.question}</option>
{/foreach}
</select></td></tr>
<tr><td class="fieldarea">{$LANG.clientareasecurityanswer}</td><td><input type="password" name="securityqans" size="30"></td></tr>
{/if}
{foreach key=num item=customfield from=$customfields}
<tr><td width="200" class="fieldarea">{$customfield.name}</td><td>{$customfield.input} {$customfield.required}</td></tr>
{/foreach}
</table>
</td></tr></table>
{/if}

{if $taxenabled && !$loggedin}
<p align="center">{$LANG.carttaxupdateselections} <input type="submit" value="{$LANG.carttaxupdateselectionsupdate}" name="updateonly" /></p>
{/if}

{if $domainsinorder}
<h3>{$LANG.domainregistrantinfo}</h3>
{if $addcontact}
<input type="hidden" name="contact" value="addingnew" />
<table width="100%" cellspacing="0" cellpadding="0" class="frame">
   <tr>
     <td><table width="100%" border="0" cellpadding="10" cellspacing="0">
<tr><td width="150" class="fieldarea">{$LANG.clientareafirstname}</td><td><input type="text" name="domaincontactfirstname" style="width:80%;" value="{$domaincontact.firstname}" /></td></tr>
<tr><td class="fieldarea">{$LANG.clientarealastname}</td><td><input type="text" name="domaincontactlastname" style="width:80%;" value="{$domaincontact.lastname}" /></td></tr>
<tr><td class="fieldarea">{$LANG.clientareacompanyname}</td><td><input type="text" name="domaincontactcompanyname" style="width:80%;" value="{$domaincontact.companyname}" /></td></tr>
<tr>
 <td class="fieldarea">{$LANG.clientareaaddress1}</td>
 <td><input type="text" name="domaincontactaddress3" style="width:80%;" value="{$domaincontact.address1}" /></td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareaaddress2}</td>
 <td><input type="text" name="domaincontactaddress3" style="width:80%;" value="{$domaincontact.address2}" /></td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareacity}</td>
 <td><input type="text" name="domaincontactcity2" style="width:80%;" value="{$domaincontact.city}" /></td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareastate}</td>
 <td><input type="text" name="domaincontactstate2" style="width:80%;" value="{$domaincontact.state}" /></td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareapostcode}</td>
 <td><input type="text" name="domaincontactpostcode2" size="15" value="{$domaincontact.postcode}" /></td>
</tr>
<tr>
 <td class="fieldarea">{$LANG.clientareacountry}</td>
 <td>{$domaincontactcountrydropdown}</td>
</tr>
<tr>
 <td style="height:21px;"> </td>
 <td></td>
</tr>
<tr><td class="fieldarea">{$LANG.clientareaemail}</td><td><input type="text" name="domaincontactemail" style="width:90%;" value="{$domaincontact.email}" /></td></tr>
<tr><td class="fieldarea">{$LANG.clientareaphonenumber}</td><td><input type="text" name="domaincontactphonenumber" size="20" value="{$domaincontact.phonenumber}" /></td></tr>
</table>
</td></tr></table>
{else}
<p>{$LANG.domainregistrantchoose}: <br /><br /><select name="contact">
<option value="">{$LANG.usedefaultcontact}</option>
{foreach key=num item=domaincontact from=$domaincontacts}
<option value="{$domaincontact.id}">{$domaincontact.name}</option>
{/foreach}
<option value="new">{$LANG.clientareanavaddcontact}...</option>
</select><br /></p>
{/if}
{/if}

 

If you are going to paste ours directly into your template, it should go underneath the code for the cart buttons - empty, continue, checkout. Eg:

 

<input type="button" class="green-but-long" value="{$LANG.checkout}" onclick="window.location='cart.php?a=checkout'"{if $cartitems==0} disabled{/if} />
<input type="button" class="blue-but-long" value="{$LANG.continueshopping}" onclick="window.location='cart.php'" /><br />
<input type="button" class="red-but-long" value="{$LANG.emptycart}" onclick="emptyCart();return false" /><br />
</td></tr></table>

{else}