Help with custom invoice design

Self-Hosted | v4/Legacy
1

Using invoiceninja.com

I’m looking for some assistance with a custom invoice design.

Right now I have the below code working. I just want to make a couple changes.

  1. I want the “custom text” to appear at the bottom-center of the first page, instead of in a column to the right of totals. - This will say something like “I acknowledge I’ve read the following terms and accept”
  2. I would like the signature field/terms acceptance checkbox to appear on the bottom of the first page as well, underneath the text above.

Any assistance would be appreciated!

  },
  {
    "pageBreak": "after",
    "columns": [
      "$invoice.publicNotes",
      {
        "table": {
          "widths": [
            "*",
            "40%"
          ],
          "body": "$subtotals"
        },
        "layout": {
          "hLineWidth": "$none",
          "vLineWidth": "$none",
          "paddingLeft": "$amount:34",
          "paddingRight": "$amount:8",
          "paddingTop": "$amount:4",
          "paddingBottom": "$amount:4"
        }
      },
      {
        "text": "Custom Text"
      }
    ]
  },
  "$notesAndTerms",
  "$signature",
  {
    "stack": [
      "$invoiceDocuments"
    ],
    "style": "invoiceDocuments"
  }
]
2

Have you seen this video, it briefly covers some of this

https://www.youtube.com/watch?v=pXQ6jgiHodc

3

Hi matthewbhp,

In order to place the custom text at the bottom center you need to place it outside of the columns object right above $signature and define alignment and absolutePosition.
…
{
“text”: “Custom Text”,
“alignment”: “center”,
“absolutePosition”: {x: 0, y: 700}
},
“$signature”,
…

This should move the custom text to the bottom center. I don’t know of a way to manipulate the size and placement of the signature. Maybe positioning the custom text will determine the location of the signature so you would just need to place the text at the y position that will locate them both at the bottom of the page and not push the signature to the next page.