CSS Class Selectors for Document...

When creating business documents in NetSuite, it's essential to ensure that they present a polished and cohesive look, regardless of the format—be it DOCX, PDF, or browser preview. The introduction of NetSuite 2026.1 brought significant enhancements with the addition of two predefined CSS class selectors specifically designed to handle layout discrepancies across these formats within the CPQ Proposal Generator (version 1.2.4).

Understanding the New CSS Class Selectors

The main objective of these new class selectors is to allow for a more refined control over your document's appearance in different formats. This is particularly important as the rendering of styles can greatly differ between browsers and document viewers.

Predefined CSS Selectors

.html: This class specifically applies styles for the browser preview, allowing you to create a unique viewing experience tailored for web use.
.pdf: Conversely, this class is used to define styles that will only affect PDF files, ensuring that your printed documents maintain their intended layout and formatting.

Note: These class selectors are automatically assigned to the <body> element of your template, so no additional setup is necessary—saving you time and effort.

Styling General DOCX Files

While the new classes enhance your control over HTML and PDF documents, DOCX files still rely on general CSS styles. You can use the .pdf and .html class selectors to override these general styles when needed. It’s important to note that any styles defined without these class selectors will be universally applied across all document formats, creating a consistent look for all your business materials.

Best Practices for Document Customization

Utilize the Custom Styles Field: Make sure to apply the .html and .pdf class selectors effectively in the Custom Styles field on the template record for maximum impact.
Thorough Testing: Always preview your documents in all available formats after applying styles to catch any unexpected layout differences.
Streamlined Documentation: Familiarize yourself with the documentation on Creating Document Templates to refine your skills further.

Implementing these new CSS class selectors in your document templates can dramatically improve the consistency and quality of the documents you produce within NetSuite. By leveraging these tools wisely, you can enhance both user experience and professionalism in your business documentation.

Key Takeaways

NetSuite 2026.1 introduces .html and .pdf class selectors for improved document styling.
These classes allow for specific styling in browser previews and PDF outputs.
DOCX formats continue to use general CSS, with the capability to override defaults using specific classes.
Regular testing of document layouts across formats is crucial to ensure consistency.
Leverage the Custom Styles field in template records for better control over document formatting.

Frequently Asked Questions (4)

Do I need to enable a feature flag for the new CSS class selectors?

No additional setup is required for the new CSS class selectors. They are automatically assigned to the `<body>` element of your template.

How do the .html and .pdf class selectors interact with existing styles in DOCX files?

DOCX files rely on general CSS styles, but you can use the .pdf and .html class selectors to override these styles as necessary, allowing for specific customizations.

What permissions are required to utilize the new CSS class selectors in document templates?

The article does not specify particular permissions required to use these selectors. Typically, document template customization requires standard access rights for editing templates.

Is this feature available in all NetSuite editions, or is it specific to certain versions?

The CSS class selectors are introduced in NetSuite 2026.1, so they are only available in editions that support this specific version.

CSS Class Selectors for Document Formatting in NetSuite 2...