Output text and printing issue

Hello @virtualbird

Thank you very much for using our plugin. The fields tags are supported only by the notification emails and thank you pages. If you want to generate a letter with the fields values, the correct would be:

1. Insert the following HTML code in the content of the “HTML Content” field:

<h3> Introduction </h3>
<p>Hi <span class="field-a"></span><br>
Thank you for choosing us to act for you. <br>

The main purpose of this engagement letter is to set out the scope of the work we are undertaking for you, our terms and conditions, our fee agreement (as outlined in Proposal Number <span class="field-b"></span>) and our privacy notice. <br>

2. Insert a calculated field in the form you will use as an auxiliary (You can hide it by ticking a checkbox in its settings), and enter the equation:

(function(){
jQuery('.field-a').html(fieldname58);
jQuery('.field-a').html(fieldname154);
})()

To force page breaks in the printed form, please, follow the steps below:

1. Enter the style definition below into the “Customize Form Design” attribute in the “Form Settings” tab:

@media print {
    .break { page-break-before: always; }
}

2. Enter the class name break into the “Add CSS Layout Keywords” attribute of the fields where you want to insert a page break (the field will be the first one in the next page).

Best regards.

Thanks so much for this! I’ll give it a bash and let you know how I get on.

Brill support, thanks so much!

@codepeople thanks so much for your help.

I’ve hit another couple of roadblocks and would love your help.

So when I’m doing the span class, it works perfectly. <span class=”field-a”></span>

The only thing I’m running into issues with is I want it to print the text NOT the value (as the value is being used for equations).

So the field is

Text – Monthly
Value – 1.5

I want it to print MONTHLY whereas at the moment it is printing 1.5.

Does that make sense?

In addition, I’ve styled the form which looks right on the page but the formatting doesn’t correspond to the printed document. The header colours for example go dark grey.

Furthermore, the margins on the printout are small when the form bleeds to another page. I’ve tried adding this code and it works for new sections but not when the form bleeds.

You can click here and scroll to the bottom and hit print to see what I mean:

https://ellevanbookkeeping.co.uk/form-letter/

Finally (and this is a wish rather than a need) – is it possible to customise the header of the printed document like you would in Word for example?

Thank you so so much, excellent support!

Hello @virtualbird

Please, be sure you have selected the color option in the print dialog:

About the choices’ texts or values. If you have a radio button, checkbox, or dropdown field and you want to access the text of choice selected instead of its value, from the equation, you should append the |v modifier to the field’s name, for example, fieldname14|v

jQuery('.class-name').html(fieldname14|v);

Best regards.

Hi,
Yes colour is selected. Weirdly it doesn’t look like yours but it’s obviously just a browser issue.

Thank you for the solution for the field issue!

One final thing – The margins on the printout are small when the form bleeds to another page. I’ve tried adding this code and it works for new sections but not when the form bleeds. (So page 5 looks fine as it’s a new section, but page 10 for example there is no top margin).

@media print {
    .break { page-break-before: always;
		margin-top: 30px;}
}

Thank you so so much!

Hello @virtualbird

You can try some styles definitions like the following ones:

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
 }
@media print {
     body {
           margin-top: 50mm; 
           margin-left: 50mm;
           margin-bottom: 50mm; 
           margin-right: 50mm
     }
}

Modifies the margin values as you prefer.

Best regards.

Thank you very much, spectacular support!