Berlin - Components | Float content

Last modified:


"Float content" component allows adding contents whose width exceeds width of the central column. This component can only be added inside a section (See here ).

You will find this component in the group of "Structure" components.

Image 7151


Setup process

1. Select the section, access the "Properties" tab and configure the component.

2. Access the "Add" tab to include all the components you need.

Image 7152

Properties

PROPERTY

DESCRIPTION

Lets you select from 3 possible views:
- Standard. The content protrudes a little from the central column. You can determine how much is overflowing with the additional properties "Right margin" and "Left margin".

Image 20470

- Full width content. The content occupies the entire width available on the screen (full screen).

Image 20471

- Content adjusted to central lane. The bottom of the section occupies the entire width available on the screen (fullscreen) but the content (texts, images ...) adjusts to the width of the center lane.

Image 20472

Background imageLets you add a background image for floating content.
Type of backgroundDefines how the image will behave (if it is repeated if it is smaller than the available space or if it is not repeated).

Background colour

This property allows adding a background colour for the float content.

Right margin

This property allows defining the end of the right margin:

  • None: The margin ends inside the central column.
  • level 1: The margin is aligned to one side of the central column.
  • level 2: The margin exceeds 50px the side of the central column.
  • level 3: The margin exceeds 100px the side of the central column.

    Image 7164If we combine "Right margin" with "Left margin" property, we can apply the same settings to both sides.Image 7165

Left margin

This property allows defining the start of the left margin:

  • None: The margin ends inside the central column.
  • level 1: The margin is aligned to one side of the central column.
  • level 2: The margin exceeds 50px the side of the central column.
  • level 3: The margin exceeds 100px the side of the central column.
    Image 7166
    If we combine the "Left margin" with the "Right margin" property, we can apply the same settings to both sides. Image 7167

Is this article helpful for you?
© 2023 Netex Knowledge Factory. All Rights Reserved. Disclaimer | Privacy policy | Cookie Policy.
-