SAP Knowledge Base Article - Public

2372402 - Background Image for PDF Certificate of Completion SuccessFactors Learning


Background image does not appear when viewing a Certificate of Completion as a PDF 


SuccessFactors Learning

Reproducing the Issue

  1. Create a new Certificate of Completion template and add a background image to it
    1. Details for this can be found in 2343166 
  2. Once it is created click on the preview button to see the new certificate and the background image that it has
  3. While viewing the preview, there is also an option to view the preview as a PDF
  4. Even if the background image appeared successfully in the regular preview, it may not appear in the PDF preview


  • The PDF is generated using PD4ML
  • Some html tags and css attributes are not supported by PD4ML
  • Also the page will be size A4 so the image must be scaled to fit this
  • A4 size is 595 pixels by 842 pixels


  • Follow the PD4ML guidelines, details can be found at:
    • for the list of HTML tags supported by PD4ML
    • for the list of CSS attributes supported by PD4ML
  • Scale the backgound image using scale-x and scale-y for the PDF
  • Make sure the size of the image is no more than 595 pixels by 842 pixels
  • Below is an example of a content wrapper div that will display a background image in both the web browser and pdf in landscape

div#content-wrapper {
   background-repeat: no-repeat;
   background-size: cover;
   background-repeat: scale-x;
   background-repeat: scale-y;
   width: 842px;
   height: 595px;
   background-image: url(<MY_IMAGE/>);


PDF, PD4ML, scale, background-image, background-cover, background-repeat, scale-x, scale-y, template, HTML, CSS, LMS , KBA , LOD-SF-LMS , Learning Management System , Problem


SAP SuccessFactors Learning all versions