For Zoho services only


I'm currently part of a wider delivery team at Ascent Business Solutions, recognised as a leading Zoho Premium Solutions Partner in the United Kingdom.

Ascent Business Solutions support organisations with everything from targeted technical fixes through to full Zoho CRM implementations and long-term platform adoption. Working as a team rather than a one-person consultancy allows projects to move forward consistently, with access to the right skills at each stage.

The team I manage specialises in API integrations between Zoho and third-party finance and commerce platforms such as Xero, Shopify, WooCommerce, and eBay. Much of our work involves solving integration challenges that fall outside standard documentation, supporting new ideas, new sectors, and evolving business models.

Success is measured through practical outcomes and return on investment, ranging from scaling small operations into high-turnover businesses to delivering rapid gains through online payments, automation, and streamlined digital workflows.

If you are looking for structured Zoho expertise backed by an established consultancy, you can contact Ascent Business Solutions on 0121 392 8140 (UK), email info@ascentbusiness.co.uk, or visit https://www.ascentbusiness.co.uk.
Zoho CRM: Template: Empty Space between Header and Line Items

Zoho CRM: Template: Empty Space between Header and Line Items

What?
A very quick article on how to deal with an issue where a CRM template has been used and where the table of line items appears on a separate page (and to remind me of the CSS to fix this).

Why?
By default / out-of-the-box / vanilla, in a Zoho CRM Template, the table of line items will behave like this; specifically when there are a lot of line items as per my screenshot here:
Zoho CRM: Template: Empty Space Issue

How?
This has been raised a few times by multiple clients but the fix is rather quick as long as you can get to the HTML of the template:

  1. Login to ZohoCRM > Setup > Customization > Templates > Inventory > Select the template with this issue
  2. Click on the "Edit HTML" icon in the top right of the editor:
    Zoho CRM: Template: Empty Space Issue: Edit HTML button
  3. Find the code "page-break-inside"
  4. Change this from "avoid" to "auto":
    Zoho CRM: Template: Empty Space Issue: Table break to Auto
  5. And optionally, add to the "<tr>" tag under "OrderedItems" class the code:
    copyraw
    style="page-break-inside:avoid; page-break-after:auto"
    1.  style="page-break-inside:avoid; page-break-after:auto" 
    Zoho CRM: Template: Empty Space Issue: Table Row break to avoid
  6. Click on "Insert" and test!

Category: Zoho CRM :: Article: 337

Credit where Credit is Due:


Feel free to copy, redistribute and share this information. All that we ask is that you attribute credit and possibly even a link back to this website as it really helps in our search engine rankings.

Disclaimer: Please note that the information provided on this website is intended for informational purposes only and does not represent a warranty. The opinions expressed are those of the author only. We recommend testing any solutions in a development environment before implementing them in production. The articles are based on our good faith efforts and were current at the time of writing, reflecting our practical experience in a commercial setting.

Thank you for visiting and, as always, we hope this website was of some use to you!

Kind Regards,

Joel Lipman
www.joellipman.com