Force break line in layout | Community
Skip to main content
March 13, 2016
Solved

Force break line in layout

  • March 13, 2016
  • 5 replies
  • 3263 views

Hi,

Building a layout, is there anyway geeting arround the current layout limitation saying:

I need to place some article below full width banner, but if there enough space for article that are supposed to be below the banner, they jump up.

Right now, I've simply create dummy blank article in my collection, and place some internal keyword to target them.

But it's quite a painful process, as each tim I add a new article, then I need to remove and count my dummy blank article

Thanks for any best practice sharing.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by bobbr3212

Creating invisible spacer cards will work, but it adds clutter to the project and requires maintenance. The Content Map helps with that maintenance. When "pinning" is enabled, that should solve the problem. Until we have pinning, I'm afraid using dummy spacer cards is the only workaround for this approach.

5 replies

Level 2
March 14, 2016

Try adding another (invisible) fullwidth-banner underneath your full-width-banner. The filling won't happen "over two contents".

Adobe Employee
March 14, 2016

Can you make the first banner full width? Even if you don't want the text or image to span the full width, you can usually increase the margins on one side. If you can add larger margins instead of spacer banners, layout design is easier to control.

Level 2
March 17, 2016

Hi Bob,

In fact, my first banner on the page is full width.

My description might be not clear, so let's use picture

In the following example, here is what I try to achieve.

Currently, article 3 jump over the Divider banner. So to resolve that I create a fake banner, invisible.

It works, but then If i update my main collection with let's say 2 new article I'll have to add a additional invisible banner, which is painful to maintain.

I spoke with other colleagues editing in AEM, and they found the same fix. Any idea? or let's put that into a wish list...

What  want to achieve

bobbr3212Adobe EmployeeAccepted solution
Adobe Employee
March 17, 2016

Creating invisible spacer cards will work, but it adds clutter to the project and requires maintenance. The Content Map helps with that maintenance. When "pinning" is enabled, that should solve the problem. Until we have pinning, I'm afraid using dummy spacer cards is the only workaround for this approach.

Level 2
March 22, 2016

Thanks Bob, at least I know that there is some hope ith this upcoming "pinning" feature, let's see what come out after Adobe Summit