# Printing an UCommerce Invoice from the Back-office

Ever printed an UCommerce Invoice off the Umbraco (v 7.5.10) back-office?  
Well if you have, this is what you get:  

### A jumbled-up version of an invoice

![invoice-incorrect.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1663504706285/b4cfxia3_.PNG align="left")

How do you go about getting a property formatted version with minimal changes?

Create a Umbraco plug-in and add the following files in `App_Plugins/PrettyPrint` folder. This tutorial on [creating a property editor](https://our.umbraco.com/Documentation/Tutorials/Creating-a-Property-Editor/index-v7) is a good start.

## Add a Umbraco PrettyPrint plug-in

The `package.manifest` file: 

```
{
  "css": [
    "~/App_Plugins/PrettyPrint/print.css"
  ]
}
```

The `print.css` file:
```
@media print {
    div#leftcolumn {
        display: none;
    }
}

```

### The Pretty-print version

![invoice-correct.PNG](https://cdn.hashnode.com/res/hashnode/image/upload/v1663504739505/dDKRnsN1q.PNG align="left")

---

*This article was originally written on Google's Blogger platform and ported to Hashnode on 17 Sep 2022.*