Added ability to use merge tags in footers

1

The latest version (24.4.1) adds ability to use merge tags in footers.

When you are in Edit screen of footer, you will see list of available merge tags in the bottom:

For example, here are the merge tags for sales invoices:

image

You can use any of these merge tags in your footer. For example:

image

When this footer is used on the invoice, you will see:

image
image834×179 3 KB

Footers also support custom fields which allow you to display contents of custom fields your own way.

Merge tags for custom fields have slightly different format:

image

But they work the same way and the main benefit is that now you can show contents of your custom fields in more compact way.

7 Likes
2

2
2971×451 7.76 KB

1
1878×557 12.8 KB

Footers span is reduced. Is this a bug or its going to be like this from now on?

3

looks good here.

image
image1092×615 14.3 KB

There is one problem, how to display the image?

4

Yes somewhat fixed in new version 1388. Still text align etc is not working.

5

After the recent changes in the footer,
my this footer:

Payment 1
Payment 1845×97 13.5 KB

become like this:
Payment 2
Payment 2936×109 17.5 KB

I tried to bring apart by editing the html, but no success

6

@Shan can you share your HTML?

7

looks like @Shan Added ability to use merge tags in footers - #5 by Shan and @shahabb Added ability to use merge tags in footers - #2 by shahabb are showing the same unexpected behaviour.

8 
<table style="width:100%">
  <tr>
    <td style="text-align: left;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Received by</i></div>
    </div></td>
    <td style="text-align: center;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; margin: auto; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Prepared by</i></div>
    </div></td>
    <td style="text-align: right;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; float:right; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Approved by</i></div>
    </div></td>
  </tr>
</table>
9

Just now I tried this one too, but the result is same:

<div style="display: flex; justify-content: space-between; width: 100%;">
    <div style="text-align: left; flex: 1;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Received by</i></div>
    </div></div>
    <div style="text-align: center; flex: 1;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; margin: auto; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Prepared by</i></div>
    </div></div>
    <div style="text-align: right; flex: 1;"><div style="position:relative;text-align:center;border-bottom:1px solid black; width:150px; float:right; height:100px; ">
      <div style="position: absolute; bottom: -20%;right:0; left:0;"><i>Approved by</i></div>
    </div></div>
</div>
10

Temporally solved by adding some padding on the left for center and right s

padding
padding1135×216 117 KB

1 Like
11

this code work fine here

image
image1728×500 9.67 KB

I also tried it on a custom theme, results looked good.

image
image828×301 3.63 KB

12

I have the same issue here

image
image789×284 3.36 KB

13

Yes, that works.
thanks

14

@shan you are right, the results I got from your code were good because I had another <div> element above your code.

Update :

@lubos, I see the footer problem is caused by this element:

<div class="prose max-w-max text-black prose-hr:hidden" style="font-size: 12px">
...footer code...
</div>

The footer appears as it should if I remove class="prose max-w-max text-black prose-hr:hidden"

image
image842×368 7.84 KB

1 Like
15

Dear all
could please give us full code that works no one of all of these work exactly
Kind Regards

16

Given that is what you want you must employ a programmer.
Forum rules prohibit doing that on this forum.

17

How to add images to footers?

18

Search the forum and you would have found. How i can Add Footer picture in To Sales Quotes - #8 by Syed_Salman_Ali

19

link is not valid , why don’t MANAGER have a file to upload some images and we can use inside the system , why do i need to relate to imagur or others ?

20

THe link I gave works perfectly well. The URL is https://forum.manager.io/t/how-i-can-add-footer-picture-in-to-sales-quotes/47742/8