Skip to main content

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

  1. Open the Print Style list.
  2. Click New.
  3. Enter a unique name for the Print Style.
  4. Add the CSS that defines the appearance of the Print Style.
  5. 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.
Rating: 0 / 5 (0 votes)