Nannu
Rank: #1297
9Views
5Comments
How to print Footer with page number in all pages?
Question
Reactive
CSS
HTML
Application Type
Reactive

Hi all,

I am trying to print the footer on all the pages including the page number but didn't find any solution. I tried using #footer { position: fixed; bottom: 0; },  body content is overlapping with footer.

Looking forward to your reply.

Thanks

0
0
on 11th Feb
Copy link to comment
Amol Tupe
Rank: #467

Hey @Nannu ,

Can you please share what exactly you did? or if shared an OML, that will be good. 


0
0
on 11th Feb
Copy link to comment
Nannu
Rank: #1297

Hi Amol ,

Sorry, I can not share my OML due to privacy. Basically I am trying to print long form and I need to print some information in the footer of every single page. So as I mentioned in my original post I was able to print the footer on all pages but it is overlapping with the body content. 

Thank you for your time.

0
0
on 11th Feb
Copy link to comment
Amol Tupe
Rank: #467

Hello Nannu,

I can understand it.

You can try @media print{ } to give some CSS for printing.

You can set margin or height in vh for your page, so it will not go beyond your footer area. 

Something like :


If this doesn't work, You can try to share separate OML with this specific code.

1
0
on 11th Feb
Copy link to comment
Nannu
Rank: #1297

Hi Amol please see attached OML.

Thanks.

Footer.oap

0
0
on 11th Feb
Copy link to comment
Amol Tupe
Rank: #467

Replying to Nannu's comment on 11 Feb 2021 03:34:09

I have also tried all the possible ways, but no success :-(

0
0
on 12th Feb
Copy link to comment