2372402 - Background Image for PDF Certificate of Completion SuccessFactors Learning

SAP Knowledge Base Article - Public

2372402 - Background Image for PDF Certificate of Completion SuccessFactors Learning

Symptom

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

Environment

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

Cause

  • 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

Resolution

  • Follow the PD4ML guidelines, details can be found at:
    • http://pd4ml.com/html.htm for the list of HTML tags supported by PD4ML
    • http://pd4ml.com/css.htm 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/>);
}

Keywords

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

Product

SAP SuccessFactors Learning all versions