Symptom
Image on the right overlaps with the text on the left for Two Column components
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 Marketing
Reproducing the Issue
- Go to Career Site Builder
- Select Page
- Select corresponding Language and Brand
- Add Two Columns Component
- Insert text in Details section
- Upload image in Styles section under Background Image
- when previewing the page, the text is overlapping the image instead of appearing in a separate column
Cause
Misconception about the expected behaviour of the component
Resolution
This is the Expected Behavior of the component. There are not actually two separate columns. There is one column which can be made to look as two.
By default, the text will overlap with the image.
If it is desirable not to have text and images overlap, the image should be selected or edited more carefully. As a suggestion, the image could have the right half be transparent to allow for the text overlap.
The options in the image type dropdown apply to the full width of the component. For example, if you select Center, the image appears centered across the width of both columns.
Image Position determines which section of the image is the focal point when the image is resized for responsive sites. For example, if the image features a person, you can choose an Image Position that ensure that person's face always remains in the image.
SAP SuccessFactors Recruiting is no longer accepting enhancement requests; future recruiting development investment is focused on SmartRecruiters and its integration with RMK. A separate KBA will be published once enhancement requests for SmartRecruiters and RMK are open. Please refer to KBA 3798700 - Enhancement Requests for Recruiting - Recruiting Management.
See Also
3798700 - Enhancement Requests for Recruiting - Recruiting Management.
Keywords
KBA , LOD-SF-RMK-CSB , Career Site Builder , Problem
SAP Knowledge Base Article - Public