In this article we will show you how you can have a signature section on the output document and based on a field in the Work Order be able to either show or hide the signature section dynamically.
We will need an output document Designer with the signature section, use the source button to see/add this section
<div class="container">
<div class="cell-custom">
<div>
<table border="0" cellpadding="0" cellspacing="0" width="50%">
<tbody>
<tr>
<td width="30%">
<span style="font-family:times new roman,times,serif;"><strong>Customer Signature: </strong></span>
</td>
<td width="20%">
<span style="font-family:times new roman,times,serif;">{{$F.SIGNATURE('sig1','Push to Sign','False','150','75')}}</span>
</td>
</tr>
<tr>
<td colspan="2">
<span style="font-family:times new roman,times,serif;">Date: {{$F.NOW()}}</span>
</td>
</tr>
<tr>
<td colspan="2">
<span style="font-family:times new roman,times,serif;"> </span>
</td>
</tr>
<tr>
<td width="30%">
<span style="font-family:times new roman,times,serif;"><strong>Field Service Signature: </strong></span>
</td>
<td width="20%">
<span style="font-family:times new roman,times,serif;">{{$F.SIGNATURE('sig2','Push to Sign','False','150','75')}}</span>
</td>
</tr>
<tr>
<td colspan="2">
<span style="font-family:times new roman,times,serif;">Date: {{$F.NOW()}}</span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
We will just add another Div around the code from step 1.
<div class="hide_Table"> .... </div>Finally we will need to add a flag on the CSS style:
<style type="text/css">
.hide_Table { {{$F.IF($D.Work_Order.Signature_Required__c == false,"display: none;","display: visibility;")}} } </style>
Comments