Move an Autofill Menu into the Body of your ezMerge Template. Follow

This Script will allow you to move an Order Form Line Item into the ezMerge portion of the form.

To accomplish this, we will need to add two "Script" fields to your order form.

The first will contain a script and the second will contain the CSS.

The text below is an example, please make sure to replace the variable data listed below.
(ie. the udf line names)

• EM-ITEM-NAME: The name of your Order Form field for the ezMerge item.
• EM-FIELD-NAME: The field name on the ezMerge template you want to append/add your autofill below.
• AUTOFILL-FIELD-NAME: The name of the autofill field you are moving.

Here is the script you will add. Please make sure to replace EM-ITEM-NAME, EM-FIELD-NAME, AUTOFILL-FIELD-NAME

  <script type="text/javascript">
  <!--
  $(document).ready(function () {
  $("#row_udf_EM-ITEM-NAME\\:EM-FIELD-NAME").append($("#row_udf_AUTOFILL-FIELD-NAME"));
  });
  -->
  </script>

Here is the CSS you will add. Make sure to replace AUTOFILL-FIELD-NAME

  <style>
  #row_udf_AUTOFILL-FIELD-NAME > span {width: auto!important;}
  #row_udf_AUTOFILL-FIELD-NAME {margin-top: 0.33em;}
  </style>

Below is a working sample, The First image has the Title Line on the Left in the Order Form Area

The Second image has the Title Line on the Right Side of the Order Form in the ezMerge Area