Containers with relative positioning to solve overflow problem

[maharshivpatel]

Biggest Limitation of Print Designer for now is Everything is Absolute positioned so we can't design formats that have huge difference it Information and or want to designer multi page formats.

Read this to understand the problem right now all elements in print designer are out of flow
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flow_layout/In_flow_and_out_of_flow

Solution:
create a structure with combination of in_flow and out_of_flow elements with right balance so we can create as many pages as required.

biggest issue is to find a way to structure that it doesn't limit users ability to move elements everything that user have right now and add it in a way that it doesn't ruin the user experience.

[maharshivpatel]

Issue that will be solved with this:

• Provision to create print formats of more than 1 page #23
• Bug: A table will not move to make space for another. #83
• Terms & Conditions text is not resizing and some other issues. #95
• Cannot create the 2nd Page - | Page break ? #101

[qsarthi]

any more update here @maharshivpatel eagerly waiting for fixes . this is really critical

[maharshivpatel]

@qsarthi can you share your use case ? it will help with validating ideas as well.

[batonac]

I don't know if this is inter-related or not, but we have an issue where a rectangle and it's contents should be contained on a single page, but they're currently arbitrarily split between pages if pushed down by a table:

In this screenshot, the rectangle in question can be identified by the green border on the left side. The grey line in the middle is a page break, and the three lines of text on the second page are part of the design header. All of the contents of the rectangle should be kept together, ideally.

[qsarthi]

@qsarthi can you share your use case ? it will help with validating ideas as well.

Basically in our case we have bundled products . For Delivery note Printing (applies to even other doc types) , we need to print table of bundled items and the table of individual item list (packed list) ..along with some comments like certain items have some minor issues... Currently i can set only one table as Primary ... One of Option you can consider is to allow having multiple primary/flex size blocks.. (not only table but even other types).

if too complex..for short time , may be allow a new type "page break" and allow one primary type in each page...

[maharshivpatel]

dynamic containers / relative positioning is now available on develop branch #205 .
better support will be added by #209 you can also checkout this branch and try it out this just have pdf table header issue.

please test and share your feedback.

[maharshivpatel]

🎉 This issue has been resolved in version 1.1.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

[maharshivpatel]

closing as most of this is solved. if you face any specific issue please create a separate issue.

Thank you