All Collections
Building Blocks
Display
List
List

Whether you want to point out your Selling Points or visualize the next steps in the process, with the List block you can do exactly that.

Heyflow avatar
Written by Heyflow
Updated over a week ago

Adding the list block

  1. In the Blocks tab, drag the list block into your heyflow

  2. Enter your information with a headline and explanatory text

  3. Adjust the settings such as icons and amount of columns

  4. Just publish your heyflow and you’re good to go!

Edit Options

Spacing

  • Width: Here you can adjust the maximum spread of the block and choose between S, M, L and maximum width.

  • Top, Bottom, Left, Right: You can use these options to set the distance to all sides. To do this, either use the slider or specify the exact number of pixels.

Appearance

  • Visibility: Here you can choose whether the block is only displayed in the mobile or desktop version or whether it is hidden completely.

  • Background color: You can select a colour to be used as the background for the block.

  • Columns (desktop): Choose the amount of columns displayed next to each other on your desktop.

  • Columns (mobile): Choose the amount of columns displayed next to each other on your mobile device.

Animation & Navigation

  • Animate: Activate, if you want to add animation to to the icons of your list.

  • Animated duration (in seconds): Define the length of the animation.

  • Animation mode: Choose the mode of your animation, to define, if the different items of your list should be displayed one by one or all at once.

  • Navigation when done: Set up a navigation, once the animation finished.

  • Preview: Shows a preview of your settings.

Did this answer your question?