Announcement

Collapse
No announcement yet.

Invoice Page - Input Text Styles

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Invoice Page - Input Text Styles

    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

    #2
    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">

    Comment


      #3
      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

      Cheers

      Comment


        #4
        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

        Comment


          #5
          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.
          Chris Brown

          Comment


            #6
            That's the chestnut.
            Cheers Chris, nice one

            Comment


              #7
              changes

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

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


              HTML Code:
                <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
              Attached Files

              Comment


                #8
                Any ideas?

                Anyone?

                Comment


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

                  Code:
                  <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
                  David Shorthouse,
                  Website Manager,
                  http://www.Queenswood.co.uk

                  Comment


                    #10
                    That may be it.. cheers

                    Comment

                    Working...
                    X