For Zoho Services only:


I'm actually part of a bigger team at Ascent Business Solutions where we have support technicians and project consultants. Support is for smaller technical fixes but this can include developments, reports or integrations; depending on the size of the task. Projects are for more time-consuming developments such as revamps of the Zoho Suite of apps or on-site training. The advantage of a team is that if I am out-of-office for a day or so, there is always someone at Ascent Business Solutions who can deal with any queries/issues you may have.

Our support rates can be found and purchased at http://ascentbusiness.co.uk/zoho-support-2. A support bundle doesn't have an expiry date. So whether we can do what you want within the bundle and a year later need further support, if there are minutes left on the bundle then there is no additional charge.

Our project rates for bigger developments can be found at http://ascentbusiness.co.uk/crm-solutions/zoho-crm-packages-prices and will involve a dedicated project consultant along with developers who will hold your hand through the development process.

If you want help building a solution for one of the Zoho Apps in the Zoho Suite, contact us on 0121 293 8140 (UK) or by email at info@ascentbusiness.co.uk. You can also visit our website at http://ascentbusiness.co.uk.

I regularly build and specialize in 2-way API integrations for Xero, Shopify and eBay.

Zoho Templates - Font size is inexplicably tiny

What?
This is an article resolving an issue where a template will shrink all the text when in PDF preview.

Why?
Ok doesn't need a song and dance about it, but I went home yesterday downtrodden by an issue which I'd been working on for most of the day where I would remove all the styling and the text would still appear small. Sure I resized the text to about 46pt and everything was over 3000px in width but this is not good for a final solution. I thought maybe there was a setting for the default font size or where I've accidentally zoomed out in the browser... but these were red herrings as I have other templates that work fine.

How?
The error is one of those that you wouldn't consider relevant in this case, after all, all styling was removed... Here are two screenshots to demonstrate the issue:

Screenshot #1:
This screenshot is of the PDF preview of my HTML code where I've had to set the font size to 46pt throughout the template:
Issue - Quote Templates - Mini Text

Screenshot #2:
This screenshot is of the PDF preview of my HTML code where I've selected a quote and applied a template to it:
Issue - Quote Templates - Mini Text

The Solution
After removing all styling, taking away classes and ID fields that might have been reserved for Zoho rendering (which did nothing to fix this problem), I found the cause of all the pain. I was setting a cover page (as per the client's requirements) with a background image and the logo floating over it at the center of the page as well as a logo fixed to the header of every page. The logo image was quite a big image at 2501x805 pixels. By resizing it to the final output size (464x99 pixels), cropping out excess whitespace, and re-uploading this fixed the problem.

Step #1
Remove any images that you uploaded to Zoho and you've included in your HTML — this will be something like img src="https://crm.zoho.com/viewInLineImage?fileContent=<a_very_long_hexadecimal_string>: You should find your code now previews at a normal font size.

Step #2
Create your template without uploading images and style with your CSS.

Step #3
Resize the images with a separate program that you want to use in the template and try to set them to the size that they will print out in. Then re-upload them noting the SRC of the image so that you can position it as per your requirements.

That should do it....


The Gist
Don't load in images bigger than an A4 sheet...

Additional Notes
I found that some classes are reserved words used by the Zoho built-in renderer. I am making a list here to see if that helps:
  • Wrapping all your HTML in <div id="container">: Ok it's used in bootstrap and few other frameworks so this should be obvious, but for some reason the header and footer of my code set with CSS {position:fixed} won't display on the first/cover page if I wrap the code in a DIV with ID = container and have an image which covers them both... Which is an unintended but desired effect.
  • Class .page: I actually like using this class because it's pretty descriptive. Unfortunately setting the width/height in cm was causing havoc to my template. Specifying only a font-size, font-family, margins and page-break-after was pretty much the only change I can do to this class.



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: The information on this website is provided without warranty and any content is merely the opinion of the author. Please try to test in development environments prior to adapting them to your production environments. The articles are written in good faith and, at the time of print, are working examples used 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

Related Articles

Joes Revolver Map

Joes Word Cloud

problem   header   class   should   width   styling   them   image   would   font   actually   remove   solution   templates   step   after   without   final   about   reserved   preview   used   text   style   page   pixels   list   cover   resize   been   classes   size   screenshot   using   46pt   pretty   obvious   logo   template   issue   where   html   images   code   over   zoho   requirements   fixed   uploading   setting   JoelLipman.Com

Accreditation

Badge - Certified Zoho Creator Associate
Badge - Certified Zoho Creator Associate

Donate & Support

If you like my content, and would like to support this sharing site, feel free to donate using a method below:

Paypal:
Donate to Joel Lipman via PayPal

Bitcoin:
Donate to Joel Lipman with Bitcoin - Valid till 8 May 2022 3QnhmaBX7LQSRsC9hh6Je9rGQKEGNQNfPb
© 2021 Joel Lipman .com. All Rights Reserved.