Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Layout problem with page breaks

Avatar

Level 1

Hi,

I'm having some layout problem with page breaks, please help.

The form hierarchy as below, it is very simple, every containers are flowed, the problem is, the Table2 layout became very strange when breaks the content.

peter_peng_1-1596768866246.png

this is normal layout

捕获.PNG

this is layout problem

捕获.PNG

捕获.PNG

Thanks.

1 Accepted Solution

Avatar

Correct answer by
Employee

Hi,

I have tried every trick I could think of to make this look right. Not possible due to the nature of this table (left column).

The only way to make this look right is not to break the table.

kprokopi_3-1597049903388.png

 

Turn off Page Breaks for the table. Then you get this while it still fits on the same page

kprokopi_0-1597049639674.png

and when it does not:

kprokopi_1-1597049671140.png

This keeps your table intact BUT you cannot predict when it jumps to the next page and it could look really odd when you have a larger table (many rows). And what does not work is when the table is larger than a page. Because it does not break then - no space anywhere it get cut on the first page:

kprokopi_2-1597049843912.png

 

 

View solution in original post

7 Replies

Avatar

Employee

Hi

it took some time until I was able to replicate your "issue" and I think I succeeded:

kprokopi_0-1596784334454.png

Well, this is not a bug but the attempt of the renderer to make things match. The growing textfield content is not of the same "height" as one of your internal, right side row elements. It calculates the remaining space until the page end and will fill a gap with empty if the remaining size is less than the height of your TextField row. Because you have lines all around you can see the gap. You would not get it if you would not have a dynamically growing right column row.

kprokopi_1-1596784684745.pngkprokopi_2-1596784731364.png

You can even see this in the design when you adapt the previous objects in height

kprokopi_3-1596784864143.png

Since this is a conflict situation for the renderer I don't think you would get rid of it if the general setup of your layout is as shown.

You could obfuscate the page break by removin the lines of your internal textfield row - but that is just hiding the obvious

kprokopi_4-1596785175643.png

 

Avatar

Level 1

Thanks kprokopi,

So, this "issue" can not be fixed? you mean I need to change the layout setup, but the layout is required by customers.

Avatar

Correct answer by
Employee

Hi,

I have tried every trick I could think of to make this look right. Not possible due to the nature of this table (left column).

The only way to make this look right is not to break the table.

kprokopi_3-1597049903388.png

 

Turn off Page Breaks for the table. Then you get this while it still fits on the same page

kprokopi_0-1597049639674.png

and when it does not:

kprokopi_1-1597049671140.png

This keeps your table intact BUT you cannot predict when it jumps to the next page and it could look really odd when you have a larger table (many rows). And what does not work is when the table is larger than a page. Because it does not break then - no space anywhere it get cut on the first page:

kprokopi_2-1597049843912.png

 

 

Avatar

Level 1

Hi kprokopi, thanks again,

I thought about not to break the table, but as you mentioned, if there are too many repeated rows larger than a page, it is a big problem.

I don't know how to design the layout to meet the requirement and avoid this problem, the requirement is, the right side field can be repeated, and the left side text is vertical center.

Many thanks, maybe I need discuss with customer to change the design, maybe raise a ticket to Adobe.

Avatar

Employee

Hi,

I am in the category stubborn - I tried a completely different approach, throwing away your table and creating it with subforms.

Now, there are compromises. Can become more complex, and the left column text will only show in the first row - which can also grow too much if you have a lot of text in there. But the page breaks look quite ok. There is script in the left text field - you may have to adapt depending on what should be shown on the left. As I say, not perfect...

Check out my XDP https://documentcloud.adobe.com/link/review?uri=urn:aaid:scds:US:b4ba321a-a6bf-46c3-a1b6-83c5b9cbb90...

kprokopi_0-1597132544298.png

Maybe that helps finding a solution for your customer

Avatar

Level 1

Hi kprokopi,

Good idea, I think it is very close to my requirement.

Thanks.