SAP Knowledge Base Article - Public

2365160 - How to Insert an Image on a Custom Panel - Onboarding 1.0


How to insert an image on a custom Panel?

"Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental."


SAP SuccessFactors Onboarding


Image Hosting in SAP SuccessFactors Public Directory

Inserting images in a custom panel requires it to be uploaded in  SAP SuccessFactors Public Directory. Please reach out to SAP SuccessFactors Cloud Product Support in SAP for Me via Support case and request to host image. See KBA 2157471


Copy Image Address

Once the file is uploaded in SAP SuccessFactors PPublic Directory, a static link will be provided. Copy the link and follow the steps below.


Insert Uploaded Image on a Custom Panel

  1. Navigate to SAP SuccessFactors > Onboarding > Settings > Panels
  2. Locate the Process, Step, and Panel to insert the image
  3. Create a Label property and select Rich Text Editor as type

    screenshot0015_ 12052018071816.png
    screenshot0016_ 12052018071831.png

  4. Click the Title... hyperlink and a pop-up window will show to add the image

    screenshot0017_ 12052018071846.png
    screenshot0018_ 12052018071849.png

  5. Click Source button to add a code snippet, add the line below

    <img alt="YYYY" src="XXXX">

    alt - Alternate
    src - Source

    screenshot0020_ 12052018071934.png

  6. Replace XXXX with the image link hosted in SAP SuccessFactors public directory and YYYY as an alternate text if image is not show properly
  7. Click Save to add Rich Text in the Label property

    screenshot0022_ 12052018072000.png
  8. Click Save in both Label Property and Panel to reflect the changes

    screenshot0023_ 12052018072004.png

  9. Try and test


SAP, SuccessFactors, Onboarding, ONB 1.0, Onboarding 1.0, OBD, On boarding , KBA , LOD-SF-OBD-PAN , Panels, Panel Designer , How To


SAP SuccessFactors Onboarding all versions