Let's consider an example when we have a Blog page with a number of posts in which the Post Header and Content are wrapped around Post Image:

floated-post-image0.png

The easiest way to create such a layout is to use the Row with Columns control. But we'll get a blank space if one of the posts does not have Post Image:

floated-post-image1.png

How can we create the same layout without using Row with Columns control?
The solution is a floating Post Image:

  1. Add the Layout Container control inside the Posts control and move the Post Header, Post Content, Read More and other controls, except Post Image, Inside this Container:

    floated-post-image.png

  2. Open Post Image Arrange Options >> Float >> set to "left".

  3. Open wrapper Container Arrange Options >> Overflow >> set to "hidden":
    floated-post-image3.png

This way, we won't get an empty space if one of the posts doesn't have a Post Image:

floated-post-image-result.png

Let's consider an example when we have a Blog page with a number of posts in which the Post Header and Content are wrapped around **Post Image**: !floated-post-image0.png! The easiest way to create such a layout is to use the **Row with Columns** control. But we'll get a blank space if one of the posts does not have Post Image: !floated-post-image1.png! How can we create the same layout without using **Row with Columns** control? The solution is a floating Post Image: 1. Add the **Layout Container** control inside the Posts control and move the Post Header, Post Content, Read More and other controls, except Post Image, Inside this Container: !floated-post-image.png! 2. Open Post Image Arrange Options >> **Float** >> set to "**left**". 3. Open wrapper Container Arrange Options >> **Overflow** >> set to "**hidden**": !floated-post-image3.png! This way, we won't get an empty space if one of the posts doesn't have a Post Image: !floated-post-image-result.png!