Size of Ordering Options Text box

[Eddie Caplan]

Is it possible to change the size of the Ordering Options Text Box?
Right now it is defined in the generated HTML as 4 rows and 40 columns:


<textarea class="cart" wrap=physical name="0:freeopt" rows=4
cols=40></textarea>


I'd like it to be 1 (one) row and 20 columns.


Thanks for all the help. I'm a ShopSite newbie, but an inquisitive one.
Eddie

[loren_d_c]

There is no way that I know of to change this.

-Loren


Eddie Caplan wrote:

Is it possible to change the size of the Ordering Options Text Box?
Right now it is defined in the generated HTML as 4 rows and 40 columns:


textarea class="cart" wrap=physical name="0:freeopt" rows=4
cols=40></textarea


I'd like it to be 1 (one) row and 20 columns.


Thanks for all the help. I'm a ShopSite newbie, but an inquisitive one.
Eddie

[Jim]

Eddie

Although, as Loren mentioned, you can't change the number of rows and
columns, you can add a style for textarea to the template include file
for the Cart, that defines how a textarea appears. You would add
something like the code below which would set the width to 50% of the
default 40 columns or about 20 columns and height of 15% of the 4 rows.
You can also specifiy other features like color, alignment, etc.

textarea.cart {
vertical-align: middle;
width: 50%
height: 15%;
background-color: blue;
}

The default style sheet for the cart, sc_cart.css, has the textarea.cart
defined already as
textarea.cart {
vertical-align: middle;
}
So you will just need to modify that definition.

You will need to experiment a bit to get it to look the way you want. In
our testing using the Mozilla browser there were some anomolies that
occurred using a style on the text area so make sure you test it good
before you decide to implement it.

Note: this just applies to ShopSite version 7 since style sheets for the
shopping cart weren't used in prior versions.

Jim


Eddie Caplan wrote:

Is it possible to change the size of the Ordering Options Text Box?
Right now it is defined in the generated HTML as 4 rows and 40 columns:


textarea class="cart" wrap=physical name="0:freeopt" rows=4
cols=40></textarea


I'd like it to be 1 (one) row and 20 columns.


Thanks for all the help. I'm a ShopSite newbie, but an inquisitive one.
Eddie

[Eddie Caplan]

In article <bu3v78$m8u$1@support.shopsite.com>, Jim
<jstavast@xmission.com> wrote:

textarea.cart {
vertical-align: middle;
width: 50%; <<-- NOTE: was missing a semi-colon
height: 15%;
background-color: blue;
}

Jim,

This is definitely a workaround with lots of potential. I had trouble
using percentages, especially in the Safari browser on a Macintosh.
But I had more consistent results expressing the width and height in
Pixels:

textarea.cart {
vertical-align: middle;
width: 155px;
height: 18px;
background-color: blue;
}

Some early test results (Yes, I'm primarily on a Macintosh. Give it a
rest):

Macintosh/Safari1.0.1: px works reliably, but background-color didn't
change

Macintosh/InternetExplorer5.2: px works reliably, background-color
changed

Macintosh/iCab2.9.7: no change (no surprise... iCab still has lots of
development yet to go)

Macintosh/Mozilla1.0.0: px works reliably, background-color changed

Macintosh/Netscape7.0: px works reliably, background-color changed

Windows/InternetExplorer6.0: px works, but I need to make it wider to
accomodate Windows' larger font sizes. background-color changed

Windows/Netscape7.0: px works reliably, background-color changed


Thanks for everything,
Eddie

[Eddie Caplan]

By the way, although the displayed box is smaller, the input area is
still the same size as it was. The effect is that a vertical scrollbar
appears, even though the input box appears to be only one line.

I can live with that.


In article <140120041551020709%eddiec_NOSPAM@NOSPAM_stararcher.com>,
Eddie Caplan <eddiec_NOSPAM@NOSPAM_stararcher.com> wrote:

In article <bu3v78$m8u$1@support.shopsite.com>, Jim
jstavast@xmission.com> wrote:

textarea.cart {
vertical-align: middle;
width: 50%; <<-- NOTE: was missing a
semi-colon
height: 15%;
background-color: blue;
}