I am creating a PDF summary for our accounts that pull tables from related objects. One of the fields that I am returning is a checkbox field and have the below code. The PDF table is brining back "true" or "false" values. Can I change the display so it shows ticks in the table? If not, can I change the value so True = "Y" or "Yes and False = "N" or No?
<apex:pageBlock >
<apex:dataTable style="text-align: center" value="{!IOR}" var="o" border="1" styleClass="print-friendly" width="100%">
<apex:column styleClass="inBorder" style="width: 150px; padding: 8px; text-align: center; border: 1px solid #ddd;">
<apex:facet name="header">Asia</apex:facet>
<apex:outputText>
{!o.Asia__c}
</apex:outputText>
</apex:column>
</apex:dataTable>
</apex:pageBlock>
To display checkboxes in your Visualforce PDF, you can use conditional rendering to show a tick mark or a different value based on the boolean field.
- You can use Unicode characters to represent checkboxes. For example, you can use ✓ for a checked box and ✗ for an unchecked box.
- Use apex:outputText with conditional rendering to display the appropriate character based on the boolean value.
Below is a sample logic that you may try:
<apex:page renderAs="pdf">
<apex:pageBlock>
<apex:dataTable style="text-align: center" value="{!IOR}" var="o" border="1" styleClass="print-friendly" width="100%">
<apex:column styleClass="inBorder" style="width: 150px; padding: 8px; text-align: center; border: 1px solid #ddd;">
<apex:facet name="header">Asia</apex:facet>
<apex:outputText value="{!IF(o.Asia__c, '✓', '✗')}" />
</apex:column>
</apex:dataTable>
</apex:pageBlock>
</apex:page>
If you prefer "Yes" and "No" instead of ticks/crosses:
<apex:outputText value="{!IF(o.Asia__c, 'Yes', 'No')}" />Hope this helps. Thanks!
