Resolve Layout Differences in Docume...

When creating business documents in NetSuite, layout consistency across various formats such as DOCX, PDF, and browser previews is critical. To aid in achieving this, the NetSuite CPQ Proposal Generator (version 1.2.4) introduces two predefined CSS class selectors that help manage styling differences between document formats.

What Are the New CSS Class Selectors?

The new selectors are designed to specifically address and resolve layout discrepancies:

.html: This class defines styles specifically for the browser preview format. Ideal for ensuring that content appears correctly when viewed directly in a web browser.
.pdf: This class is used to define styles for documents exported in PDF format. It allows for tailored appearances that may differ from the web preview.

These class selectors are automatically assigned to the <body> element of the document templates you create, meaning that no additional configuration is necessary on your part.

Best Practices for Using CSS with Document Formats

To ensure your documents maintain a professional look across formats:

Use the predefined .pdf and .html class selectors to override any general styles when needed.
When applying styles, remember that styles without these specific class selectors will apply uniformly across DOCX, PDF, and browser preview formats.
For comprehensive styling of DOCX files, you can still utilize general CSS styles that fit your branding or design specifications.

How to Implement Custom Styles

Navigate to CPQ > Proposal Generator > Templates in NetSuite.
Click on New CPQP Template to create a fresh template.
Give your template a descriptive name; this name will be visible in the template list when users click the Proposal button on transactions.
Optionally, fill out the Description field with a brief explanation to maintain clarity on the template's purpose.

By strategically using CSS class selectors, you can better control how your business documents appear in different formats. This approach enhances the readability and professionalism of your proposals generated through NetSuite's CPQ functionality.

Note: For more information on document templates and best practices for their effective use, consult the Creating Document Templates section in NetSuite's documentation.

Who This Affects

This update is particularly relevant for:

Administrators: Responsible for setting up and managing document templates.
Developers: Involved in customizing and maintaining document formatting.
Sales Teams: Users that generate proposals and need them formatted properly across different mediums.

Key Takeaways

Two new CSS class selectors (.html, .pdf) allow for tailored formatting of documents in NetSuite.
Control document appearance more effectively across formats without additional setup.
Template creation is streamlined in the CPQ Proposal Generator, making it easier to manage document styles.

Frequently Asked Questions (4)

Do I need to enable a feature flag to use the new CSS class selectors for document formats in NetSuite?

No additional configuration is necessary to use the new CSS class selectors. They are automatically assigned to the `<body>` element of the document templates you create.

How can I ensure my DOCX files maintain a professional look while using the new selectors?

You can apply general CSS styles that fit your branding or design specifications, as styles without the specific `.pdf` and `.html` selectors will apply uniformly across DOCX, PDF, and browser preview formats.

What happens if I don't use the new `.html` and `.pdf` class selectors in my document templates?

If you don't use the `.html` and `.pdf` class selectors, the default styles will apply uniformly across DOCX, PDF, and browser preview formats, which may not account for layout discrepancies between these formats.

Is this feature relevant for users outside of the sales team who generate proposals?

Yes, this feature is also relevant for administrators responsible for managing document templates and developers involved in customizing document formatting in NetSuite.

Resolve Layout Differences in Document Formats for NetSuite