Add New Invoice Template

Name:

Init Config (JSON)

{
  "pageSettings": {
    "size": "A5",
    "orientation": "landscape",
    "margin_top": 12,
    "margin_right": 3,
    "margin_bottom": 12,
    "margin_left": 3,
    "cols": 24,
    "rows": 36
  },
  "elements": [
    {
      "id": "logo",
      "type": "image",
      "section": "top",
      "content": "{{logo}}",
      "row": 1,
      "col": 2,
      "rowspan": 4,
      "colspan": 6
    },
    {
      "id": "bname",
      "type": "variable",
      "content": "business_name",
      "section": "top",
      "row": 1,
      "col": 8,
      "colspan": 8,
      "fontsize": 18,
      "bold": 1
    },
    {
      "id": "l1",
      "type": "variable",
      "content": "line_1",
      "section": "top",
      "row": 3,
      "col": 8,
      "colspan": 8
    },
    {
      "id": "l2",
      "type": "variable",
      "content": "line_2",
      "section": "top",
      "row": 4,
      "col": 8,
      "colspan": 8
    },
    {
      "id": "l3",
      "type": "variable",
      "content": "line_3",
      "section": "top",
      "row": 5,
      "col": 8,
      "colspan": 8
    },
    {
      "id": "qr",
      "type": "image",
      "section": "top",
      "content": "{{qr}}",
      "row": 1,
      "col": 17,
      "rowspan": 4,
      "colspan": 4
    },
    {
      "id": "title",
      "type": "text",
      "content": "Sale Invoice",
      "section": "mid",
      "row": 1,
      "col": 8,
      "colspan": 8,
      "fontsize": 16,
      "bold": 1,
      "align": "center"
    },
    {
      "id": "lbl_cname",
      "type": "text",
      "content": "Customer Name:",
      "section": "mid",
      "row": 2,
      "col": 2,
      "colspan": 4,
      "bold": 1
    },
    {
      "id": "val_cname",
      "type": "variable",
      "content": "customer_name",
      "section": "mid",
      "row": 2,
      "col": 6,
      "colspan": 6
    },
    {
      "id": "lbl_addr",
      "type": "text",
      "content": "Address:",
      "section": "mid",
      "row": 3,
      "col": 2,
      "colspan": 4,
      "bold": 1
    },
    {
      "id": "val_addr",
      "type": "variable",
      "content": "address",
      "section": "mid",
      "row": 3,
      "col": 6,
      "colspan": 6
    },
    {
      "id": "lbl_phone",
      "type": "text",
      "content": "Phone:",
      "section": "mid",
      "row": 4,
      "col": 2,
      "colspan": 4,
      "bold": 1
    },
    {
      "id": "val_phone",
      "type": "variable",
      "content": "phone",
      "section": "mid",
      "row": 4,
      "col": 6,
      "colspan": 6
    },
    {
      "id": "lbl_inv",
      "type": "text",
      "content": "Invoice No:",
      "section": "mid",
      "row": 2,
      "col": 18,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_inv",
      "type": "variable",
      "content": "inv_no",
      "section": "mid",
      "row": 2,
      "col": 21,
      "colspan": 3
    },
    {
      "id": "lbl_area",
      "type": "text",
      "content": "Area:",
      "section": "mid",
      "row": 3,
      "col": 18,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_area",
      "type": "variable",
      "content": "area",
      "section": "mid",
      "row": 3,
      "col": 21,
      "colspan": 3
    },
    {
      "id": "lbl_date",
      "type": "text",
      "content": "Date:",
      "section": "mid",
      "row": 4,
      "col": 18,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_date",
      "type": "variable",
      "content": "date",
      "section": "mid",
      "row": 4,
      "col": 21,
      "colspan": 3
    },
    {
      "id": "lbl_sales",
      "type": "text",
      "content": "Sales Person:",
      "section": "mid",
      "row": 5,
      "col": 18,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_sales",
      "type": "variable",
      "content": "sales_person",
      "section": "mid",
      "row": 5,
      "col": 21,
      "colspan": 3
    },
    {
      "id": "lbl_ob",
      "type": "text",
      "content": "Orderbooker:",
      "section": "mid",
      "row": 6,
      "col": 18,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_ob",
      "type": "variable",
      "content": "order_booker",
      "section": "mid",
      "row": 6,
      "col": 21,
      "colspan": 3
    },
    {
      "id": "st_lbl",
      "type": "text",
      "content": "Sub Total",
      "section": "footer",
      "row": 1,
      "col": 17,
      "colspan": 3
    },
    {
      "id": "st_val",
      "type": "variable",
      "content": "sub_total",
      "section": "footer",
      "row": 1,
      "col": 22,
      "colspan": 3
    },
    {
      "id": "fd_lbl",
      "type": "text",
      "content": "Flat Discount",
      "section": "footer",
      "row": 2,
      "col": 17,
      "colspan": 3
    },
    {
      "id": "fd_val",
      "type": "variable",
      "content": "flat_discount",
      "section": "footer",
      "row": 2,
      "col": 22,
      "colspan": 3
    },
    {
      "id": "tc_lbl",
      "type": "text",
      "content": "Transport Charges",
      "section": "footer",
      "row": 3,
      "col": 17,
      "colspan": 3
    },
    {
      "id": "tc_val",
      "type": "variable",
      "content": "transport_charges",
      "section": "footer",
      "row": 3,
      "col": 22,
      "colspan": 3
    },
    {
      "id": "tax_lbl",
      "type": "text",
      "content": "Tax",
      "section": "footer",
      "row": 4,
      "col": 17,
      "colspan": 3
    },
    {
      "id": "tax_val",
      "type": "variable",
      "content": "tax",
      "section": "footer",
      "row": 4,
      "col": 22,
      "colspan": 3
    },
    {
      "id": "oc_lbl",
      "type": "text",
      "content": "Other Charges",
      "section": "footer",
      "row": 5,
      "col": 17,
      "colspan": 3
    },
    {
      "id": "oc_val",
      "type": "variable",
      "content": "other_charges",
      "section": "footer",
      "row": 5,
      "col": 22,
      "colspan": 3
    },
    {
      "id": "gt_lbl",
      "type": "text",
      "content": "Grand Total",
      "section": "footer",
      "row": 6,
      "col": 17,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "gt_val",
      "type": "variable",
      "content": "grand_total",
      "section": "footer",
      "row": 6,
      "col": 22,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "lbl_remarks",
      "type": "text",
      "content": "Remarks:",
      "section": "footer",
      "row": 2,
      "col": 2,
      "colspan": 3,
      "bold": 1
    },
    {
      "id": "val_remarks",
      "type": "variable",
      "content": "remarks",
      "section": "footer",
      "row": 2,
      "col": 5,
      "rowspan": 3,
      "colspan": 12
    },
    {
      "id": "sig1",
      "type": "text",
      "content": "Signature 1",
      "section": "footer",
      "row": 5,
      "col": 3,
      "colspan": 5,
      "align": "center"
    },
    {
      "id": "sig2",
      "type": "text",
      "content": "Signature 2",
      "section": "footer",
      "row": 5,
      "col": 10,
      "colspan": 5,
      "align": "center"
    },
    {
      "id": "bottom_remarks",
      "type": "variable",
      "content": "Software Provided by Blue Primes Software (Pvt) Ltd",
      "section": "bottom_fixed",
      "row": 0,
      "col": 0,
      "rowspan": 1,
      "colspan": 12,
      "border": "1px solid #000",
      "align": "center"
    }
  ],
  "table": {
    "section": "table",
    "col": 2,
    "colspan": 22,
    "columns": [
      {
        "key": "S_no",
        "title": "S. No",
        "width": 1,
        "headerStyle": {
          "align": "center",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#EEEEEE"
        },
        "data": {
          "align": "center",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Code",
        "title": "Code",
        "width": 2,
        "headerStyle": {
          "align": "left",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "left",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Name",
        "title": "Description",
        "width": 5,
        "headerStyle": {
          "align": "left",
          "font": "Helvetica-Bold",
          "fontSize": 14,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "left",
          "font": "Helvetica",
          "fontSize": 12,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "CTN",
        "title": "CTN",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Box",
        "title": "Box",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Qty",
        "title": "Qty",
        "width": 1,
        "headerStyle": {
          "align": "center",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "center",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Price",
        "title": "Unit Price",
        "width": 2,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Retail",
        "title": "Retail",
        "width": 2,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "gross",
        "title": "Gross",
        "width": 2,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Disc (%)",
        "title": "Disc (%)",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "to",
        "title": "TO",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Exc Tax",
        "title": "Excl Tax",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "gst",
        "title": "GST",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "f_tax",
        "title": "F. Tax",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Inc Tax",
        "title": "Incl Tax",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "bonus",
        "title": "Bonus",
        "width": 1,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica",
          "fontSize": 8,
          "bold": false,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      },
      {
        "key": "Total",
        "title": "Total",
        "width": 2,
        "headerStyle": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 9,
          "textColor": "#000000",
          "bgColor": "#DDDDDD"
        },
        "data": {
          "align": "right",
          "font": "Helvetica-Bold",
          "fontSize": 8,
          "bold": true,
          "textColor": "#000000",
          "bgColor": "#FFFFFF"
        }
      }
    ],
    "headerStyle": {
      "bgColor": "#DDDDDD",
      "textColor": "#000000",
      "font": "Helvetica-Bold",
      "fontSize": 10,
      "align": "center"
    },
    "rowStyles": {
      "odd": {
        "bgColor": "#FFFFFF"
      },
      "even": {
        "bgColor": "#F9F9F9"
      },
      "grids": [
        "vertial and horizental grid",
        "vertical lines only",
        "horizental lines below only"
      ],
      "table_box": true
    }
  }
}