Print Style
Print Style allows you to create custom CSS styles that control the appearance of Print Formats in ERPNext. These styles can be applied to both standard and custom Print Formats, making it easy to maintain a consistent design across printed documents.
Print Styles customize the appearance of printed documents without changing the actual Print Format layout.
Standard Print Styles
ERPNext includes the following built-in Print Styles:
- Monochrome
- Modern
- Redesign
- Classic
Access Print Style
Navigate to:
Home → Settings → Print Style
How to Create a Print Style
- Open the Print Style list.
- Click New.
- Enter a unique name for the Print Style.
- Add the CSS that defines the appearance of the Print Style.
- Save the document.
Once saved, the Print Style becomes available for use with both standard and custom Print Formats.
A single Print Style can be reused across multiple Print Formats, ensuring consistent document styling.
Custom CSS
Print Styles are entirely CSS-based. You can customize various aspects of printed documents, including:
- Fonts and typography
- Text colors
- Spacing and margins
- Borders and table styling
- Headers and footers
- Alignment and layout
To identify the available CSS classes, open a standard Print Format in your browser and inspect its HTML source.
Setting a Default Print Style
You can configure one Print Style as the default style for all Print Formats from the Print Settings page.
Setting a default Print Style ensures all compatible Print Formats use the same visual design automatically.
Bootstrap Support
All Print Format styles in ERPNext are based on the Bootstrap 3 CSS Framework.
This allows you to use Bootstrap’s CSS classes and styling conventions while designing custom Print Styles.
Developer Mode
If Developer Mode is enabled, you can mark a Print Style as Standard.
When the Standard option is selected, ERPNext automatically generates a JSON file for the Print Style, allowing it to be version-controlled and contributed as a standard Print Style.
Developer Mode enables exporting Print Styles as JSON files for deployment and version control.
Best Practices
- Create reusable CSS styles instead of modifying each Print Format individually.
- Test your Print Style with different document types before making it the default.
- Use Bootstrap 3 classes where possible for better compatibility.
- Keep custom CSS organized and avoid unnecessary overrides.
- Use Developer Mode when managing Print Styles across multiple environments.