Invoice Page - Input Text Styles

[test]

i've searched through the forum and can't seem to find an answer to this.
Sorry if it's been asked earlier.

I'm trying to simply apply a custom CSS class to the <input type=text> fields in the invoice checkout page.

I've looked through all the templates / text options / Act_Order01.html / Act_ShoppingCartXML.html and actinic.pm file.
I can't seem to find where it's generated.

I simply what to add " class="custom_form_style" " to it.

I don't want to apply the style to the "input" tag, since it involves a border and i do not wish my checkboxes / radio buttons to take a border.

Anyone got any clues to point me in the right direction?

Cheers
:(

[cdicken]

You were in the right place with Act_Order01.html. You need to open that file, together with Act_Order02.html.

The fields all look like this:

<input type="TEXT" name="INVOICENAME" size="20" maxlength="40" value="NETQUOTEVAR:INVOICENAME">

Add your class into these:

<input type="TEXT" name="INVOICENAME" size="20" maxlength="40" value="NETQUOTEVAR:INVOICENAME" class="custom_form_style">

[test]

Thanks a lot..
That's what I was after... can't believe i missed it the first time...
been looking at it all too hard last week... mist have been code blind :rolleyes:

Cheers :D

[test]

Having trouble finding the quantity text box now to style.


<!-- Product line begin -->
<TABLE BORDER=0 WIDTH=100% CELLSPACING=0 CELLPADDING=0>
<TR>
<TD WIDTH=200><SPAN CLASS="actxsmall"><b>NETQUOTEVAR:PRODUCTNAME</b></SPAN></TD>
<TD WIDTH=60 ALIGN=RIGHT><SPAN CLASS="actxsmall">NETQUOTEVAR:QUANTITY</SPAN>
</TD>
</TR>
</TABLE>
<!-- Product line end -->


I would like to apply the same style to the textbox:
<INPUT TYPE=TEXT SIZE="4" NAME="Q_0" VALUE="15" STYLE="text-align: right;">

Can't see where to edit NETQUOTEVAR:QUANTITY though.

Any ideas?

Cheers

[chrisbrown]

It's in ActinicOrder.pm (I found it by searching for "INPUT TYPE=TEXT"). You can apply your class name change in there.

However, remember that Actinic will not provide support for modified scripts so be careful.

[test]

That's the chestnut.
Cheers Chris, nice one :D

[test]

Back to this area again... only been 2 years! :)

Need to edit the style applied to the country cell below (in attached screen shot)



<tr>
<td bgcolor="#a2a79b">Country:</td>

<td bgcolor="#a2a79b">
<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD ALIGN=LEFT><SPAN CLASS="actxsmall">United States</SPAN><INPUT TYPE="HIDDEN" NAME="INVOICECOUNTRY" VALUE="United States"></TD> <TD ALIGN="RIGHT"><INPUT TYPE=SUBMIT NAME="ACTION" VALUE="Change" class="input_buttons"></TD> </TR> </TABLE>

</td>

</tr>



I've looked in actorder.pm to see if I could find the answer in there but no joy, only seems to be the input fields.

I just want to edit the colour of those 2 sections (in screen shot), i know I could edit the actxsmall class, but that will effect the other areas where it's in use. These 2 areas are the only ones that I need to change now.

Any ideas on how to edit this section would be great.

Cheers :)

[test]

Any ideas?

Anyone? :(

[Queenswood]

Not really sure if this is what you want but in
Act_Order01.html

<Actinic:LOCATION TYPE='SEPARATESHIP'>
<TD BGCOLOR="NETQUOTEVAR:CHECKOUTBG"><FONT FACE="ARIAL" SIZE="2">NETQUOTEVAR:INVOICEPROMPT016</FONT></TD>
<TD BGCOLOR="NETQUOTEVAR:CHECKOUTBG" ALIGN=LEFT VALIGN=TOP><FONT FACE="ARIAL" SIZE="2"><INPUT TYPE="CHECKBOX" NETQUOTEVAR:INVOICESEPARATECHECKSTATUS NAME="SEPARATESHIP" VALUE="YES"></FONT></TD>
</Actinic:LOCATION>
</TR>

We have a check box rather than the change button.

Dave

[test]

That may be it.. cheers :)