SAP Knowledge Base Article - Public

3085617 - How to make a sequence of components with images aligned on opposite sides - Recruiting Marketing

Symptom

This article will expose the expected behavior of some Career Site Builder's components and discuss whether it is possible to make a sequence of components with the images aligned on opposite sides of the screen, for example:

  • Image on the left and text on the right
  • Text on the left and image on the right
  • Image on the left and text on the right

Environment

SAP SuccessFactors Recruiting Marketing

  • Career Site Builder

Resolution

You have the following options for Career Site Builder's components that can be configured and appear in two columns (Text/Image):

  • Two Columns component: It is not possible to make this alignment with the Two Columns component since this component consists of an image on the left and text on the right and you can't configure the orientation of the columns. For more information about this feature, please refer to SAP Help Portal.
  • Text and Image carrousel component: Using the Text and Image carrousel together with the two columns component this is possible, but not aligned since the Text and Image carrousel component has spacing at the bottom defined by the system which makes it impossible for the images to be aligned one with the others from opposite sides. See more information about this component in our guide.
  • Custom Plugin component: Using the Custom Plugin component is the only possible way to make a sequence of three components with the images aligned on opposite sides. This is an advanced component that allows for flexibility when building a website. The component allows you to add your own code to a page, it could be javascript / html, and so forth. To create a Custom code for two columns you must contact a developer/Partner since when you are using such a component you are responsible for its content and the code, so this is out of the scope of Product Support. See more in Custom Plugin Component in Career Site Builder and in the KBA 2573994.

See Also

Two Columns Component in Career Site Builder

Image and Text Carousel Component in Career Site Builder

Custom Plugin Component in Career Site Builder

2573994 - Custom JavaScript Code in Career Site Builder - Recruiting Marketing



Keywords

Two Columns, Text and Image carrousel, Custom Plugin component, opposite sides,  three components, align, space between , KBA , LOD-SF-RMK-CSB , Career Site Builder , How To

Product

SAP SuccessFactors Recruiting all versions