Solution for setting up header and footer in a template

Solution for setting up header and footer in a template

Hi all,

Emon need for business, I have long searched the forum and also how to put in my quote and my bills a header and a footer.
And finally, I have an other working stream elements allowing me to meet my needs ...

Given the number of people seeking the same thing as me, I say it might be good to share my discovery.

It's simple and easy to implement

First, start by adding the beginning of your HTML the following:

  1. <style>
  2. html {margin: 0;}
  3.  body {margin: 0;}
  4.  div # printhead {
  5. display: block;
  6.  position: fixed;
  7.  top: 0;
  8.  left: 0;
  9.  width: 100%;
  10. font-family: arial;
  11.  height: 2em;
  12. }
  13.   div # {fdiv
  14. position: fixed;
  15.    width: 100%;
  16.    bottom: 0;
  17.    left: 0;
  18.   text-align: right;
  19. font-family: arial;
  20. }
  21.  # ftrspan span {
  22. display: none;
  23. }
  24.   # pnoinftr span: after {
  25. counter-increment: Fpage0;
  26.   content: counter (Fpage0);
  27. }
  28.  div # {myCONTENT
  29. position: relative;
  30. top: 220;
  31. left: 0;
  32. width: 100%;
  33. height: 2em;
  34. font-family: arial;
  35. font-size: 12pt;
  36. color: black;
  37.  }
  38. div # {mymarge
  39. padding-left: 40pt; padding-right: 40pt; font-family: arial; font-size: 12pt; color: black;
  40.  }
  41. </ Style>



So here for an explanation:

  • div # header block corresponds to the printhead
  • div # fdiv corresponds to footer
  • # pnoinftr span: after correpsond numéroi to display the current page
  • div # myCONTENT correpsond to content


Just in the header, this element should be located immediately after the style elements defined above:

Mine correpsond this:

  1. <div id="printhead">
  2. <table border="0" width="100%" cellpadding="0" cellspacing="0">
  3. <tbody>
  4. <tr>
  5. <td width="100%" height="40pt" valign="top" colspan="2" style="background-color: rgb(53, 57, 68);">

  7. </ Td>
  8. </ Tr>
  9. <tr>
  10. <td width="70%" valign="middle" style="background-color: rgb(53, 57, 68);padding-left:40pt;">
  11. <img src="https://crm.zoho.com/crm/viewCompanyLogo?fileId=2569181000000018003&zgId=23830819" align="left">
  12. </ Td>
  13. <Td width = "30%" valign = "middle" style = "background-color: rgb (53, 57, 68), border-style: none none none solid; border-left-color: white; border-left- width: 1pt; padding-left: 10pt; color: white; font-size: 18pt ">
  14. <b> Organization.Organization $ {Name} </ b> </ br>
  15. <span style="font-size: 9pt;"> Organization.Street} $ {</ br> $ {Organization.Zip Code} $ {$ {} Organization.City Organization.Country} </ br>
  16. Tel: Organization.Phone} $ {</ span>
  17. </ Td>
  18. </ Tr>
  19. <tr>
  20. <td width="100%" height="10pt" valign="top" colspan="2" style="background-color: rgb(53, 57, 68);">
  21. </ Td>
  22. </ Tr>
  23. <tr>
  24. <td width="100%" height="10pt" valign="top" colspan="2" style="background-color: rgb(0,188,205);">
  25. </ Td>
  26. </ Tr>
  27. <tr>
  28. <td width="100%" valign="middle" colspan="2" style="background-color: rgb(0,188,205); padding-left:40pt;color:white;font-size: 30pt;">
  29. QUOTE No Quotes.Numéro $ {Quote}
  30. </ Td>
  31. </ Tr>
  32. <tr>
  33. <td width="100%" height="10pt" valign="top" colspan="2" style="background-color: rgb(0,188,205);">
  34. </ Td>
  35. </ Tr>
  36. </ Tbody>
  37. </ Table>
  38. </ Div>

I just put in my header the information that I wanted to appear on each page including:
  •  An image
  •  The name of my company
  •  Its address
  •  His phone
  •  The number of quotes
 
 Turn now to the footer, it should be placed in any end of your HTML file
 
 Mine is this:
 
  1. <div id="fdiv">
  2. <table border="0" width="100%" cellpadding="0" cellspacing="0">
  3. <tbody>
  4. <tr>
  5. <td width="100%" height="10pt" valign="top" colspan="3" style="background-color: rgb(0,188,205);">
  6. </ Td>
  7. </ Tr>
  8. <tr>
  9. <td width="30%" valign="top" style="background-color: rgb(0,188,205); padding-left:40pt;color:white;font-size: 9pt;">
  10. SARL with capital of € xxxxxxxxx </ br>
  11. SIREN: xxx xxx xxx </ br>
  12. EPA: xxxxx </ br>
  13. VAT: xxxxxxxx
  14. </ Td>
  15. <td width="50%" align="center" valign="top" style="background-color: rgb(0,188,205); padding-left:40pt;color:white;font-size: 9pt;">
  16. <span style="valign:top;"> A Group Company </ span>
  17. <img src="https://crm.zoho.com/crm/viewCompanyLogo?fileId=2569181000000018004&zgId=23830819" valign="top">
  18. </ Td>
  19. <td width="20%" align="right" valign="top" style="background-color: rgb(0,188,205); padding-right:40pt;color:white;font-size: 9pt;">
  20. $ {Quote} Quotes.Numéro Quote </ br>
  21. Page <span id="pnoinftr"> </ span>
  22. </ Td>
  23. </ Tr>
  24. <tr>
  25. <td width="100%" height="40pt" valign="top" colspan="3" style="background-color: rgb(0,188,205);">
  26. </ Td>
  27. </ Tr>
  28. </ Tbody>
  29. </ Table>
  30. </ Div>

I just put in my footer the information that I wanted to appear on each page including:
  • Legal Information
  • The name of the parent company
  • The number of quotes
  • The number ela current page
 
 Content for now to put between the header and footer, it makes sense but it costs nothing to be redefined.
 Attention, clarification, we will have a little play with the pages ie control your content.
 You'll probably spend a bit of time before this end, for my part, I have done so:
  •  First page:
    •  Customer Information
    •  Information on the estimate
    •  Information on the composition of the estimate
    •  Terms of payment
  •   2nd page:
    • Information on the parts
  •   3rd page:
    • Presentation of draft
  •   Fourth and following pages: 
    • Terms and Conditions
  
  
  The content of the first page will be found in the div and said:
  1. <div id="mycontent">
  2. Content of my first page
  3. </ Div>

The other pages will be found in the div which reads:
  1. <div id="mycontent" style="page-break-before: always;">
  2. Content of my second page
  3. </ Div>

Style = "page-break-before: always;" will allow you to skip a page before the contents of the div and therefore reproduce in this new web page header and your footer.


I hope I have been able to provide answers to this issue
Do not hesitate to get back to me if you encounter problems with the proposed solution

Here are just attached the complete HTML code of my quote ;)

    Access your files securely from anywhere





            Zoho Campaigns Resources

                  Zoho Developer Community

                      Bootcamp
                      Community
                      Pricing
                      Webinars
                      What's New
                      Integrations
                      Contact Support
                      Contact Sales

                        Zoho Survey Resources
                          Features
                          Survey Templates
                          Integrations
                          Community
                          iOS Mobile Surveys
                          Pricing
                          Android Mobile Surveys
                          Insurvey Blogs
                          Insight Blogs
                          Tips & Tricks






                                        Latest Feature Updates

                                          • Desk Community Learning Series


                                          • Digest


                                          • Functions


                                          • Meetups


                                          • Kbase


                                          • Resources


                                          • Glossary


                                          • Desk Marketplace


                                          • MVP Corner


                                          • Word of the Day


                                          • Ask the Experts




                                              Zoho SalesIQ Resources

                                                    • Sticky Posts

                                                    • Get a realistic picture of your revenue with Forecast Adjustments in Zoho CRM

                                                      #crm25q1 Dear Customers, We hope you're doing well! Today, we're here with an important enhancement for business decision makers: forecast adjustments. Let's get straight to it! With technology on the rise and CX at its core, businesses are constantly

                                                    • Verify email addresses to be eligible to use BCC dropbox

                                                      Dear Customers, We hope you're well! Zoho CRM allows various modes of email correspondences for various purposes. A user can integrate their email address with Zoho CRM using the IMAP/ POP3 protocols to sync their mailbox with the CRM, the admin can integrate

                                                    • Effortlessly advance through your CRM blueprints by including optional fields in transitions

                                                      Editions: Professional edition and above DCs: All Release plan: This enhancement is being released in a phased manner to customers. It will soon be available to all users. [Updated on 5 Sep 2024] This enhancement has been released to all users in all

                                                    • Strategy influencer in Zoho CRM now shows personalized prescriptions

                                                      Dear Customers, We hope you're well! We are here with an enhancement that will help add direction to your business' growth: Dynamic prescriptions for users. As you might know, Strategy influencer is an AI-powered dashboard that will prescribe strategies

                                                    • Enrich your CRM data and keep them updated

                                                      You spend a lot of your time and efforts in generating quality leads for your business. While generating leads is a challenge in itself, the real deal begins when sales reps try to nurture these leads and convert them as customers. So how equipped is your sales team with information about your leads matters a lot.  For example, you might be using webforms to generate leads and collect customer information from your website. The lesser your webform fields are, the more your sign-ups right? From optimizing


                                                    Manage your brands on social media
                                                    Access Zoho Social

                                                      Zoho Pagesense Resources


                                                          Zoho TeamInbox Resources

                                                            Zoho DataPrep Resources


                                                              Zoho CRM Plus Resources

                                                                Zoho Books Resources


                                                                  Zoho Subscriptions Resources

                                                                    Zoho Projects Resources


                                                                      Zoho Sprints Resources


                                                                        Qntrl Resources


                                                                          Zoho Creator Resources



                                                                              Zoho CRM Resources

                                                                              • CRM Community Learning Series

                                                                                CRM Community Learning Series


                                                                              • Kaizen

                                                                                Kaizen

                                                                              • Functions

                                                                                Functions

                                                                              • Meetups

                                                                                Meetups

                                                                              • Kbase

                                                                                Kbase

                                                                              • Resources

                                                                                Resources

                                                                              • Digest

                                                                                Digest

                                                                              • CRM Marketplace

                                                                                CRM Marketplace

                                                                              • MVP Corner

                                                                                MVP Corner





                                                                                  Design. Discuss. Deliver.

                                                                                  Create visually engaging stories with Zoho Show.

                                                                                  Get Started Now


                                                                                    Zoho Show Resources


                                                                                      Zoho Writer Writer

                                                                                      Get Started. Write Away!

                                                                                      Writer is a powerful online word processor, designed for collaborative work.

                                                                                        Zoho CRM コンテンツ








                                                                                          Nederlandse Hulpbronnen


                                                                                              ご検討中の方




                                                                                                    • Recent Topics

                                                                                                    • Default view to Gantt

                                                                                                      Greetings How does one set the default view to Gantt?

                                                                                                    • How to add two columns in Zoho forms

                                                                                                      I would like to have two columns in Zoho forms. How can i enable two columns?

                                                                                                    • Condition in templates

                                                                                                      Is it possible for me to add merge field conditionally in my templates. For example Dear ${Leads.Gender == "Male" ? "Sir" : "Ma"},

                                                                                                    • Group Sales Inbox with subfolders

                                                                                                      I am looking for the most effective way to create a group inbox.  I am exploring Zoho coming from a CRM where we have a group sales inbox, which is divided into 3 subfolders depending on which language the sender is sending the mail to.  We have an English, Spanish and French email address where,each message is going to one of the subfolders in the main sales inbox. I have only been using the Zoho system for a few days and am trying to set it up the most appropriately and would like to know how this

                                                                                                    • Zoho Support / Microsoft Outlook integration

                                                                                                      Is there integration between Microsoft Outlook and Zoho Support?  If so, can you point me to the related documentation?  I'm trying to understand how that would work.

                                                                                                    • Why cant I add users to my Portal, Workspace or Base?

                                                                                                      When trying to add users a view within my base, the users arent appearing. They are part of my organisation user list and should be available for selection when sharing a view within a base, but they arent popping up to select. What could the issue

                                                                                                    • Zoho Desk Invite

                                                                                                      I'm trying to send an invite via Zoho Desk to the email nwc.hd@telecare.com.sa using my account in Zoho desk rmsh7777.rs@gmail.com but the invitation or email is no received. I need your kindness to activate the account, please.

                                                                                                    • Zoho Books CREDIT LIMIT is completely USELESS due to a BUG!!! Please fix it ASAP!!

                                                                                                      Credit Limit should not be taken into account if payment terms on the Invoice are without credit. If selected Credit 0 days (Prepayment) why in this world would a notification pop up saying credit limit is exceeded and not allowing to create an invoice?

                                                                                                    • How can I make a part of a form be divided into two columns?

                                                                                                      Hi, i have a form, and i want to have 2 columns in the form but not completely, so, the first part of the form have 1 column but in the bottom of the form, i want 2 columns, how can i do? Thank you.

                                                                                                    • Get a realistic picture of your revenue with Forecast Adjustments in Zoho CRM

                                                                                                      #crm25q1 Dear Customers, We hope you're doing well! Today, we're here with an important enhancement for business decision makers: forecast adjustments. Let's get straight to it! With technology on the rise and CX at its core, businesses are constantly

                                                                                                    • Filter timesheet by log title

                                                                                                      Hello, is there a way to filter timesheets by log title (or to group by log title). Thank you

                                                                                                    • We are being told that emails sent to us bounce back on first attempt, then go through upon the second attempt. How do we fix this?

                                                                                                      As the title suggests, when interacting with another business today (one that is also using their own domain emails) we were told that each time they sent an email to us, it would bounce back upon the first attempt, only to go through successfully upon

                                                                                                    • MA 2.0 Email Footer

                                                                                                      Good day, I recently went through the nightmare of upgrading from MA 1.0 to MA 2.0 and continue to experience more problems or missing features and settings. In this particular case, I am trying to find where and how to edit the Email Footer in MA 2.0.

                                                                                                    • Show both Vendor and Customers in contact statement

                                                                                                      Dear Sir, some companies like us working with companies as Vendor and Customers too !!! it mean we send invoice and also receive bill from them , so we need our all amount in one place , but in contact statement , is separate it as Vendor and Customer, 

                                                                                                    • Workflow Based on Manual Journal

                                                                                                      Manual journal entries are one of the few areas that cannot kick off a workflow automation in Zoho Books currently. I would propose considering adding that. My use case is that the payroll provider I use (a flavor of SurePayroll) has a Zoho Books automation

                                                                                                    • Assistance needed in transition if firm is converting into company

                                                                                                      Hello! Our sole proprietor firm is converting into private limited company. I would like to know what needed to be done in zoho books for such case. what are steps that needed to be perform for transition process in our zoho books organization profi

                                                                                                    • Partner with HDFC And Sbi Bank.

                                                                                                      Hdfc and sbi both are very popular bank if zoho books become partner with this banks then many of the zoho books users will benefit premium features of partnered banks.

                                                                                                    • Zoho Creator Upcoming Updates - March 2025

                                                                                                      Hello everyone, We hope you’ve had the chance to explore Release Projection 1 for 2025! This month, we’re keeping up the momentum by bringing even more powerful features and enhancements to Zoho Creator. Here's what you can expect in March: App menu builder

                                                                                                    • Calculating Project Margins and Revenue per Hour in Zoho Analytics Using Data from Zoho Projects and Zoho Expense

                                                                                                      Hello, I would like to know if it's possible to use Zoho Analytics to calculate taxes and margins for the projects available in Zoho Projects, while also including the expenses recorded in Zoho Expense. I’m looking to build a dashboard that calculates

                                                                                                    • How to install Widget in inventory module

                                                                                                      Hi， I am trying to install a app into Sales Order Module related list, however there is no button allow me to do that. May I ask how to install widget to inventory module related list?

                                                                                                    • Picklist reference value in REST

                                                                                                      picklist options can be configured to have a different reference value than the displayed one, should be helpful in things like multilanguage: https://help.zoho.com/portal/en/kb/crm/customize-crm-account/translations/articles/translations is there a way

                                                                                                    • Improve Zia Data Foundation

                                                                                                      Hi, is it possible to manually improve Zia's CRM data foundation for companies? Zia tends to give data based on foreign companies but we only operate in the German market. Even if I specifically but the German company name and the URL to the german imprint

                                                                                                    • Verify email addresses to be eligible to use BCC dropbox

                                                                                                      Dear Customers, We hope you're well! Zoho CRM allows various modes of email correspondences for various purposes. A user can integrate their email address with Zoho CRM using the IMAP/ POP3 protocols to sync their mailbox with the CRM, the admin can integrate

                                                                                                    • Unable to access Zoho Help Community on my main browser

                                                                                                      Hi, I have been unable to access https://help.zoho.com on my chrome browser for a while now. Initially I thought it was a glitch from Zoho, but when I accessed from incognito mode, I was able to access it. I have cleared cache - cookies, but still access

                                                                                                    • Add an Iterator Module to Zoho Flow

                                                                                                      Hi Zoho Team, I hope you're doing well. We would like to request a new feature in Zoho Flow: an Iterator module. An iterator is a special type of module that converts an array into a series of bundles, outputting each array item as a separate bundle.

                                                                                                    • How can I edit the Picklist History?

                                                                                                      I was working with some custom functions in CRM that inadvertently triggered unwanted changes in a picklist history for the Accounts module. It is absolutely essential for the business that I roll these changes in the subform back because they throw off

                                                                                                    • Integrate Google Chat with Zoho CRM for seamless collaboration

                                                                                                      Hello everyone, Sales is a team sport and sales reps have to be in constant communication with people inside and outside their organization. While email remains the most effective channel for important conversations, sales reps often collaborate via chat.

                                                                                                    • I can't auto-scheduling calls down - the code does not change anything

                                                                                                      Hi, I was trying to set a function that auto-schedules calls based on their call result; i.e "Requested more info". I had also included a reminder to send an email in the code. I logged a test call and nothing changed. Is there anything wrong with the

                                                                                                    • Effortlessly advance through your CRM blueprints by including optional fields in transitions

                                                                                                      Editions: Professional edition and above DCs: All Release plan: This enhancement is being released in a phased manner to customers. It will soon be available to all users. [Updated on 5 Sep 2024] This enhancement has been released to all users in all

                                                                                                    • Subform Lookup field showError doesn't clear in Client Script

                                                                                                      I have a lookup fields Deal, Account and Lead in Subform, I am checking if its null or not If its null It shows an error, but when I select some value for the Lookup Field it doesn't clear the error , for other fields such as single line or pickup etc.

                                                                                                    • Zoho CRM API, Python SDK v7 Quoted_Items

                                                                                                      Hello. How do I use this SDK to retrieve the Quoted_Items from a Quote and downstream the items in a Sales Order I can see references to a constant INVENTORY_MODULES_ITEMS = ["invoiced_items", "quoted_items", "purchase_items", "ordered_items"] But I cannot

                                                                                                    • Whatsapp Notification For Cliq

                                                                                                      We have integrated WhatsApp Business into Zoho CRM, and messages are coming through to the CRM. However, I want a notification message to be sent to the data owner in Cliq when a new message arrives. This doesn't seem possible through rules. Is there

                                                                                                    • This user is not allowed to add in Zoho. Please contact support-as@zohocorp.com for further details

                                                                                                      Hello, Just signed up to ZOHO on a friend's recommendation. Got the TXT part (verified my domain), but whenever I try to add ANY user, I get the error: This user is not allowed to add in Zoho. Please contact support-as@zohocorp.com for further details I have emailed as well and writing here as well because when I searched, I saw many people faced the same issue and instead of email, they got a faster response here. My domain is: raisingreaderspk . com Hope this can be resolved.  Thank you

                                                                                                    • Debit opening balances of vendors

                                                                                                      Dear colleagues: I am looking at the trial balance as on 31st March 2024, and punching opening balances (1st April 2024) in Zoho Books. Vendors have credit balances, by its nature, but some of our vendors have debit balances as well (e.g., we have paid

                                                                                                    • Get Ready for In-Person Meetups Across Asia-Pacific this April 2025

                                                                                                      Hello to our vibrant Asia-Pacific Community! We are thrilled to bring our Zoho Desk Experts to your cities! What's more special than meeting in person? This is your chance to: Connect directly with our experts Address your concerns firsthand Discover

                                                                                                    • Participation handler does not get triggered on photo comment edits

                                                                                                      I'm working on a bot participation handler to automate a task. For this to work, a photo with a comment is required. The bot does see a "message_created" operation, but it does not trigger a "message_edited" when a photo with a comment that has been posted

                                                                                                    • Request for refund

                                                                                                      Support, Yesterday we purchased month of Zoho projects and after testing out the software we've determined that it falls extremely short of suiting our business needs. The user interface is confusing, non-intuitive, and worst of all, HORRIBLY SLOW. Because this software has been of absolutely no use to use, we'd like to request a full refund. Unfortunately Zoho provides no contact information or options to do so. That said, please consider this post a request for a full refund of our month of Zoho

                                                                                                    • Inquiry regarding B2B website through Zoho Commerce

                                                                                                      We are looking to build an online B2B customer portal for Consumer Goods primarily for order placement, with an e-commerce-style layout. Additionally, we would like to offer our customers features such as: 1.Viewing past orders and order updates 2.Accessing

                                                                                                    • Query Regarding dynamic Item Creation for Invoice via Zoho API

                                                                                                      Dear Zoho API Team, I am currently working on integrating invoice creation using the Zoho API. While testing, I noticed that the item_id is a mandatory field in the line_items section. However, there are scenarios where an invoice from a third party includes

                                                                                                    • Having trouble with emails not sending from zoho mail web client

                                                                                                      Hi we have been having this problem from a few of our email accounts where they are unable to send the email at first and then if they try to send it multiple times quickly the email appears to send but does not show up in sent.  The Error is shown below. Unable to connect SMTP server:smtp.goric.com Reason:Unknown host:

                                                                                                    • Next Page