|
ThomasHowie
|
September 20, 2018 at 6:07 am
In following instructions from this post, I’ve encountered an unusual layout issue.
The HTML version of the invoice displays correctly: https://imgur.com/wD9om37
However, the PDF version looks like this: https://imgur.com/8GatvAH
I’ve double checked the HTML and it’s all valid.
The issue arises when I add the following code to the [TICKET_LIST] field:
<ul class="event-dates">[DATETIME_LIST]
and this the code to the [DATETIME_LIST] field:
[DATETIME_START] - [DATETIME_END] ([DATETIME_TIMEZONE]) <br />
<p class="ticket-note">[DTT_DESCRIPTION]</p>
Somehow that seems to be breaking the table layout, but only on the PDF version of the invoice.
I should also point out that the post I’ve linked to above suggests putting [ATTENDEE LIST] inside [TICKET LIST], which isn’t allowed, so I’ve left that out.
Also, I am working with the Purchaser template.
Has anyone experienced a similar error? Could it be something to do with the way the PDF is being rendered? Any help would be greatly appreciated as my client has a lot of invoices to process and can’t send them out like this.
Thanks.
|
|
ThomasHowie
|
September 20, 2018 at 6:12 am
Apologies, I messed up the code quoting. I’ll try again.
The issue arises when I add the following code to the [TICKET_LIST] field:
<ul class="event-dates">[DATETIME_LIST]
and this the code to the [DATETIME_LIST] field:
[DATETIME_START] - [DATETIME_END] ([DATETIME_TIMEZONE]) <br />
<p class="ticket-note">[DTT_DESCRIPTION]</p>
|
|
ThomasHowie
|
September 20, 2018 at 6:14 am
OK, one more try!
|
|
Josh
|
September 20, 2018 at 7:12 am
Hi,
This comes down to how browsers will ignore invalid html, and how DOMPDF requires valid html. Since you’re adding the datetime list inside a table, the list must be wrapped in a table row & table cell. Again, browsers will ignore this, but DOMPDF will not. So the quick fix is just wrap the list in table markup like so:
<tr>
<td colspan=5>
<ul class="event-dates">[DATETIME_LIST]</ul>
</td>
</tr>
|
|
ThomasHowie
|
September 20, 2018 at 8:27 am
Amazing, thank you!
I thought it might be that and tried something similar, but I must have got it wrong because it didn’t work, so I moved on.
|
