[SalesForce] When render VF page as pdf, no white space between label and value

I have a page that I am rendering as a pdf. The label and the value are right on top of each other. How do I get spaces between them? The critical line is:

<apex:outputField label="{!f.pdfLabel}" value="{!evalForm[f.fieldMember]}" style="white-space:pre" />

I have tried it with and without label=. I have added spaces to the f.label value in the controller to no avail.
Does anyone know how to display some whitespace between the label and value? I cannot use outputtext because some fields are ids, and I need the name not the id displayed.

Thanks.

Best Answer

I would try several possible solutions:

Just divide output field into the label/value:

<apex:pageBlockSectionItem>
    <apex:outputLabel value="{!testacc.Name}" style="margin-right:5px;" />
    <apex:outputField value=" {!testacc.Name}"/>
</apex:pageBlockSectionItem>

Or use outputText:

<apex:outputText label="{!f.pdfLabel}" 
                  value="{!' '+evalForm[f.fieldMember]}" 
                  style="white-space:pre" />

<apex:outputText label="{!f.pdfLabel}" 
                  value=" {!evalForm[f.fieldMember]}" 
                  style="white-space:pre" />

Related Solutions

[SalesForce] add checkbox to VF page renderAs PDF

An apex:outputField works fine. Here is part of a PDF Visualforce page:

<tr>
    <th class="bordered">Offered</th>
    <th class="bordered">Offered Date</th>
    <th class="bordered">Accepted</th>
    <th class="bordered">Accepted Date</th>
    <th class="bordered">Description</th>
</tr>
<apex:repeat value="{!rehabilitations}" var="item">
<tr>
    <td class="bordered"><apex:outputField value="{!item.Offered__c}"/></td>
    <td class="bordered"><apex:outputField value="{!item.OfferedDate__c}"/></td>
    <td class="bordered"><apex:outputField value="{!item.Accepted__c}"/></td>
    <td class="bordered"><apex:outputField value="{!item.AcceptedDate__c}"/></td>
    <td class="bordered"><apex:outputField value="{!item.Description__c}"/></td>
</tr>
</apex:repeat>

that outputs this:

screen shot of table

The apex:outputField renders a checked or unchecked checkbox image that carries through to the PDF.

The images used are /img/checkbox_checked.gif and /img/checkbox_unchecked.gif. If your checkboxes are not fields, you could reference the images yourself in an IF.

[SalesForce] Visualforce – Preserve Whitespace in apex:outputText

As per Salesforce documentation:

If multiple spaces are required for some reason (e.g. formatting purposes), the   entity must be used. However, in order for this entity to not itself be HTML escaped by apex, a proper "escape" option must be specified. Examples:

a) For the outputText tag, the "escape" attribute must be set to false. e.g.:

Controller:

comment = new CaseComment(CommentBody = 'There&nbsp;&nbsp;&nbsp;are&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;spaces&nbsp;&nbsp;&nbsp;between&nbsp;&nbsp;&nbsp;each&nbsp;&nbsp;&nbsp;word.\r\n\r\nThere is a blank line before this one.');

Apex page:

<apex:outputText escape="false" value="{!comment.CommentBody}"/>

b) selectList / selectOptions / selectOption:

If you wish to render non-breakable spaces in options in a select list, the attribute to set is a bit different; either by setting "itemEscaped" to "false" when using apex:selectOption, or, if creating SelectOption objects in the controller, call setEscapeItem(false) on each SelectOption that has the values with the   entities.

Source: -https://help.salesforce.com/HTViewSolution?id=000194152&language=en_US

Update

I tried with following code and it is working fine with escape="false".

Controller

public String getMyText() {
    String myText = 'A&nbsp;&nbsp;&nbsp;B';
    return myText;
}

VF Page

Output

A B

Best Answer

Related Solutions

[SalesForce] add checkbox to VF page renderAs PDF

[SalesForce] Visualforce – Preserve Whitespace in apex:outputText

Related Topic