Page 1 of 1
Intermix Fields with Text
Posted: 07 Aug 2017
by smithme
I am trying to provide a form that the printed result is the values of the fields intermixed with static text. Any suggestions on how best to do that?
Something like:
I, <<name>>, do hear by...
Re: Intermix Fields with Text
Posted: 08 Aug 2017
by Nikita Kurguzov
Hello!
There are at least two ways you can do it. The easiest way is to include field name in brackets, like this:
That's a good option, but the value is not updated dynamically. It's loaded with the form.
Alternatively, you can use JavaScript to detect changes in the fields that are inserted into the text and write a script to change the text dynamically. Something like this:
Code: Select all
function changeText() {
var name = fd.field('Title').value();
var newText = 'I, ' + name + ', do hereby...';
$('.text').text(newText);
}
fd.field('Title').change(changeText);
Re: Intermix Fields with Text
Posted: 08 Aug 2017
by smithme
I wanted to share my implementation of this use case in the hopes that it helps someone else later. Some aspects to note. In my use case I had to present both an English and Spanish version of the same form static text. What I did was:
- Create a New and Edit form with the fields but none of the static text.
- Created a Display form with the static text in an HTML object and <span> tags for each of the fields.
- Add all of the form fields and hide them.
- Added JS that takes the values of the fields and inserts them into <span> tags based on their class tags for each fields.
- Turn on the Print and PDF buttons for the Display form.
The static text was entered into the HTML control like this:
Code: Select all
<p>Lorem Ipsum is simply dummy <span class='name'></span> text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy <span class='address'></span> text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived <span class='phone'></span> not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
The Javascript was added under the Javascript button and looked like this:
Code: Select all
$(".name").html(fd.field("Title").value());
$(".address").html(fd.field("Address").value());
$(".phone").html(fd.field("Phone").value());
Re: Intermix Fields with Text
Posted: 09 Aug 2017
by Nikita Kurguzov
Great solution as well! As you can see, Forms Designer offers a huge variety of options when it comes to customization of Forms. Standard in-built tools might be limited in their functionality, but you can implement your own tools and use them inside of your Forms.