Add Footer in all print pages

Hi All,
 
To add footer in all print pages, i have write the below code

CSS code

@media print {
           html, body {
                     width: 100%;
                     height: 100%;
                     margin: 0;
                     padding: 0;
           }

           #footer {
                    position: absolute;
                    bottom: 0;
                    display: table-footer-group;   
           }
    }

HTML code

<div id="footer">
<img src="/files/Footer.png" />
</div>

But it's working only for first page, for more details please find attachment
Is there any another way to add footer in all print pages?

Thanks,
Anand Pawar



Note:

 

If you are posting an issue,

 

  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.
  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    You received this message because you are subscribed to the Google Groups "ERPNext Developer Forum" group.

    To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

    To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/2504cadb-e57f-4514-b182-d1e33904fbd7%40googlegroups.com.

    For more options, visit https://groups.google.com/d/optout.
Hi Anand Pawar,

This is a pretty hard problem and we haven't figured it out till now.

Please ask on Stack Overflow or some other forum that has experts in print pagination. If you can figure this out, we would be glad to accept a pull request :)


Best,
Anand Doshi.


On Wed, Jul 30, 2014 at 3:02 PM, <an…@indictranstech.com> wrote:

Hi All,
To add footer in all print pages, i have write the below code


CSS code

@media print {

html, body {
width: 100%;

height: 100%;
margin: 0;

padding: 0;
}


#footer {
position: absolute;

bottom: 0;
display: table-footer-group;

}
}

HTML code

<div id="footer">

<img src="/files/Footer.png" />
</div>


But it's working only for first page, for more details please find attachment
Is there any another way to add footer in all print pages?


Thanks,
Anand Pawar



Note:



If you are posting an issue,


  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.

  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.

  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email

  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.



    End of Note



    You received this message because you are subscribed to the Google Groups "ERPNext Developer Forum" group.

    To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/2504cadb-e57f-4514-b182-d1e33904fbd7%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.




Note:

 

If you are posting an issue,

 

  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.
  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    You received this message because you are subscribed to the Google Groups "ERPNext Developer Forum" group.

    To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

    To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/CAAQzbF0sPjhvev4%2BB_V41j9LcDQui9uu6yAOziGjEFp0NvSXhg%40mail.gmail.com.

    For more options, visit https://groups.google.com/d/optout.
Hi Anand Doshi,
Thanks for your reply.I will definitely respond if i find something out.

Thanks,
Anand pawar



Anand Pawar.


New Indictrans Technologies Pvt. Ltd. - Pune

Office: +91-20-65700800 | Mobile: +91-9900990099

www.indictranstech.com | Lat: 18.501994 Lon: 73.79766




On Wed, Jul 30, 2014 at 4:44 PM, Anand Doshi <an...@erpnext.com> wrote:
Hi Anand Pawar,

This is a pretty hard problem and we haven't figured it out till now.

Please ask on Stack Overflow or some other forum that has experts in print pagination. If you can figure this out, we would be glad to accept a pull request :)


Best,
Anand Doshi.


On Wed, Jul 30, 2014 at 3:02 PM, <an…@indictranstech.com> wrote:

Hi All,
To add footer in all print pages, i have write the below code


CSS code

@media print {

html, body {
width: 100%;

height: 100%;
margin: 0;

padding: 0;
}


#footer {
position: absolute;

bottom: 0;
display: table-footer-group;

}
}

HTML code

<div id="footer">

<img src="/files/Footer.png" />
</div>


But it's working only for first page, for more details please find attachment
Is there any another way to add footer in all print pages?


Thanks,
Anand Pawar



Note:



If you are posting an issue,


  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.

  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.

  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email

  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.



    End of Note



You received this message because you are subscribed to the Google Groups "ERPNext Developer Forum" group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.



Note:



If you are posting an issue,


  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.

  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.

  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email

  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.



    End of Note



    You received this message because you are subscribed to a topic in the Google Groups "ERPNext Developer Forum" group.

    To unsubscribe from this topic, visit https://groups.google.com/d/topic/erpnext-developer-forum/Rgo-zftw7nE/unsubscribe.

To unsubscribe from this group and all its topics, send an email to erpnext-developer-forum+un…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/CAAQzbF0sPjhvev4%2BB_V41j9LcDQui9uu6yAOziGjEFp0NvSXhg%40mail.gmail.com.


For more options, visit https://groups.google.com/d/optout.



Note:

 

If you are posting an issue,

 

  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.
  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    You received this message because you are subscribed to the Google Groups "ERPNext Developer Forum" group.

    To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

    To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/CAB%2BQsOV7M30T6Z-iQ7FsT%3DEJOoRitMAB6WpDAOb2WYM9d1K7Gw%40mail.gmail.com.

    For more options, visit https://groups.google.com/d/optout.

Just put this code at the end of ur custom print format(HTML)

2 Likes