Probleme de CSS génération PDF bon de livraison

[julianbaros]

Bonjour à tous,

J'ai une contrainte technique que je n'arrive pas à résoudre alors j'en appelle à la communauté.

J'ai fait une modification dans mon delivery_slip (le bon de livraison), à savoir faire un tableau avec uniquement l'adresse de livraison ainsi que l'Id_order en très gros afin de facilement visualiser le bac dans lequel se trouve la commande. Voici le code du fichier delivery-slip.adresses-tab.tpl :

<table id="addresses-tab" cellspacing="0" cellpadding="0">
    <tr>
        <td width="40%">{if $delivery_address}<span class="bold">{l s='Delivery Address' pdf='true'}</span><br/><br/>
                    {$delivery_address}
                {/if}
        </td>
        <td width="60%"><span style="font-size: 350px; text-align: center;">{$order->id|intval}</span></td>
    </tr>
</table>

Cela fonctionne parfaitement, mais à l'utilisation, on m'a demandé de retourner à 180° ce tableau afin que lorsque l'on plie la feuille et qu'on l'a met à cheval sur le bac l'id_order soit dans le bon sens et pas à l'envers.

Vous allez me dire c'est pas compliqué, il suffit de créer une div qui entoure ton tableau et tu effectues la transformation sur ta div.

J'ai donc essayé dans le fichier delivery-slip.addresses-tab.tpl :

<div class="rotationadresse">
<table id="addresses-tab" cellspacing="0" cellpadding="0">
    <tr>
        <td width="40%">{if $delivery_address}<span class="bold">{l s='Delivery Address' pdf='true'}</span><br/><br/>
                    {$delivery_address}
                {/if}
        </td>
        <td width="60%"><span style="font-size: 350px; text-align: center;">{$order->id|intval}</span></td>
    </tr>
</table>
</div>

et dans le delivery-slip.style-tab.tpl

<style>
    .rotationadresse {
        transform:rotate(180deg);
        -webkit-transform:rotate(180deg);

    }

</style>

Cela ne fonctionne pas. Je pense qu'il y a un problème lors de la génération du fichier pdf et que la fonction transform n'est pas prise en compte dans la génération du fichier pdf.

Auriez-vous une autre idée, car là je ne sais plus quoi faire.

Vous en remerciant par avance.

Julien

Edited October 9, 2018 by julianbaros (see edit history)

[doekia]

https://blog.tiger-workshop.com/tcpdf-rotate-whole-page-by-180-degree-upside-down-reverse/

Faire une override de ton classes/pdf/HTMLTemplateDeliverySlip.php

[doekia]

j'avais mal lu ta question

https://stackoverflow.com/questions/6759870/tcpdf-rotate-text-cell-in-table-header

Autrement dit tu rotate le text via TCPDF et non au travers de CSS3

[julianbaros]

Merci pour vos réponses.

À quel endroit dois-je faire cette modification svp ?

Sinon c'est quand même étranges que certaines propriétés CSS ne fonctionne pas lors de la génération de PDF.