Hello everyone! What I'm trying to do here is set up a system where my tables will always be as wide as their containers, so 100% wide in css terms. What I'm noticing is that even though I've set my table's width to be 100% in several spots (including in-line out of desperation), the table sizing seems to be inheriting the width of it's parent regardless of what I set it to (but works as expected in web output). Is there any way to set fluid-width on a table that it will respect in PDF output or am I forever locked into setting absolute widths for print output?
Here's a visual representation of what I'm struggling with, the red border is the right boundary of my container (in this case the container has a set width of 75% of the page), you can see the paragraph tags with a blue border fill the whole container. My table on the other hand, despite having width:100%;, is not filling up the whole container but is actually only filling up about 75% of the container. (This an interesting note since that is what the parent's width is set to, is this a bug where the table is inheriting this width when it should not be?)
Controling table width with CSS in PDF output?
Controling table width with CSS in PDF output?
You do not have the required permissions to view the files attached to this post.
Last edited by kydeck on Tue May 22, 2018 6:35 am, edited 1 time in total.
-
- Senior Propellus Maximus
- Posts: 2632
- Joined: Wed Apr 14, 2010 8:01 am
- Location: Surrey, UK
Re: Controling table width with CSS in PDF output?
Sorry, I can't see your link. Can you upload your screenshot as an attachment instead?
Started as a newbie with Flare 6.1, now using Flare 2023.
Report bugs at http://www.madcapsoftware.com/bugs/submit.aspx.
Request features at https://www.madcapsoftware.com/feedback ... quest.aspx
Report bugs at http://www.madcapsoftware.com/bugs/submit.aspx.
Request features at https://www.madcapsoftware.com/feedback ... quest.aspx
Re: Controling table width with CSS in PDF output?
Definitely! I hadn't seen that feature before but that's much better.ChoccieMuffin wrote:Sorry, I can't see your link. Can you upload your screenshot as an attachment instead?
Re: Controling table width with CSS in PDF output?
Could you do a super long title or footnote, so that it wraps? You might find that it wraps exactly where the your table is. (I'm assuming the blue and red lines are added in a graphics tool, rather than being part of the styles you've set up.)
Re: Controling table width with CSS in PDF output?
You could try building a HTML5 target using your print medium, to be able to properly inspect what's going on.
Re: Controling table width with CSS in PDF output?
That would be one way to do it I think, make sure the content completely fills the table. Unfortunately I'm just the designer/developer and others will be adding the content in.Psider wrote:Could you do a super long title or footnote, so that it wraps? You might find that it wraps exactly where the your table is. (I'm assuming the blue and red lines are added in a graphics tool, rather than being part of the styles you've set up.)
Re: Controling table width with CSS in PDF output?
I have done that actually and HTML5 output behaves as expected (the table fills 100% of it's parent container with width:100%;). So I believe there's something strange happening in the PDF rendering engine.AlexFox wrote:You could try building a HTML5 target using your print medium, to be able to properly inspect what's going on.
Re: Controling table width with CSS in PDF output?
I meant in your heading and regular paragraph as a test, just to ensure the text fills where you expect it. From the screenshot I can't tell this is the case.kydeck wrote:That would be one way to do it I think, make sure the content completely fills the table. Unfortunately I'm just the designer/developer and others will be adding the content in.