Force break line in layout

Avatar

Avatar
Validate 1
Level 1
eu_salest655664
Level 1

Like

1 like

Total Posts

1 post

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 1
eu_salest655664
Level 1

Like

1 like

Total Posts

1 post

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
eu_salest655664
Level 1

13-03-2016

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.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

17-03-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.

Answers (4)

Answers (4)

Avatar

Avatar
Validate 1
Level 2
Benoit_Leray
Level 2

Likes

3 likes

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
Benoit_Leray
Level 2

Likes

3 likes

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
Benoit_Leray
Level 2

22-03-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

Avatar

Avatar
Validate 1
Level 2
Benoit_Leray
Level 2

Likes

3 likes

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Validate 1
Level 2
Benoit_Leray
Level 2

Likes

3 likes

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Boost 3
Boost 1
Applaud 5
View profile
Benoit_Leray
Level 2

17-03-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 example.png

Avatar

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Boost 50
Employee
Bob_Bringhurst_
Employee

Likes

88 likes

Total Posts

411 posts

Correct reply

113 solutions
Top badges earned
Boost 50
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Bob_Bringhurst_
Employee

14-03-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.

Avatar

Avatar
Boost 5
Level 2
mham187
Level 2

Likes

6 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 5
Boost 3
Boost 1
Applaud 5
View profile

Avatar
Boost 5
Level 2
mham187
Level 2

Likes

6 likes

Total Posts

15 posts

Correct reply

0 solutions
Top badges earned
Boost 5
Boost 3
Boost 1
Applaud 5
View profile
mham187
Level 2

14-03-2016

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