Print Style

"Print Style" lets you make your own CSS styles that can be used with Print Formats in ERPNext. This gives you more control over how documents look when they are printed or saved as PDFs.

There are some preset print styles in ERPNext that decide how documents will look. These are CSS themes that come with the program and are meant to give you clean, professional layouts. Users can also create and use their own CSS-based styles to meet specific branding or formatting needs, in addition to using these.

Here are the standard print styles that come with ERPNext:

  • Monochrome: A simple black-and-white style.
monochrome print style
  • Modern: A layout that is clean and up-to-date.
modern print style
  • Redesign: A format that is more polished and up to date.
redesign print style
  • Classic: The first traditional ERP format.
classic print style

To make a new Print Style, go to:

Home > Settings > Print Style

1. How do you make a new Print Style?

1.Go to the Print Style list and click on "New."

2.Type in a name for the print style that is clear and easy to remember.

3.You can either paste or type your CSS code into the box that is given. This CSS will change the way the document looks, including the fonts, spacing, colours, borders, and more.

4.Click on "Save."

Note: The styles you make in this part apply to all print formats, both standard and custom.

If you're not sure what CSS classes and structure are available, you can: - Make a standard format for printing, - Open it in a new tab in your browser, - After that, look at the page source to find the elements and class names you can use in your custom CSS.

From the Print Settings, you can also choose a default Print Style that all documents will use unless you change it. The Bootstrap Version 3 CSS framework is the basis for all Print Styles in ERPNext. This means you can use regular Bootstrap 3 classes to format and arrange things.

If you turn on developer mode and check the "Standard" box when you save your style, ERPNext will make a JSON file for that Print Style on its own. You can use this JSON file for version control or add it to a custom app or core feature.

  1. Print Format Builder
  2. Print Headings
  3. Letter Head
  4. Cheque Print Template

3. More to Follow

Discard
Save

On this page

Review Changes ← Back to Content
Message Status Space Raised By Last update on