SAP Knowledge Base Article - Public

2644112 - [SF MOB] - Text Component not rendering on Mobile devices - Career Site Builder

Symptom

This article explains how to render a Text component properly for Mobile devices on Career Site Builder.

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

Environment

  • SAP SuccessFactors Recruiting Management
  • SAP SuccessFactors Mobile
  • SAP SuccessFactors Recruiting Marketing

Reproducing the Issue

  1. On Career Site Builder click on Pages
  2. Home
  3. Select the Locale
  4. Select the Brand
  5. Click on Home
  6. Click on Add Component
  7. Select Text
  8. Check the Mobile option on the Text Component
  9. Click on the Text Component
  10. Select Styles tab
  11. Click on Select Image
  12. Select the image desired
  13. Click on Publish
  14. View the image on a mobile device

You will see that the image does not render properly.

1.jpg

Cause

The image size in the Text component is determined by the amount of text added.

If this component does not have text added, the image will not render properly.

Resolution

If your intention is to have only image without a text, then the recommendation is to use the Large Image Component instead of the Text Component.

Otherwise, in order to image resize properly you can follow the steps below.

  1. On the Text Component in Career Site Builder, select Details tab
  2. Add text on the Body Text field

2.jpg

After performing the steps above, the image will render properly.

3.jpg

Keywords

KBA , LOD-SF-RMK , Recruiting Marketing , LOD-SF-RCM-MOB , Mobile Interface, Mobile Apply , How To

Product

SAP SuccessFactors Recruiting all versions