[Skip to main content](#vessel-content) # Layout in attachinvoice plugin ## - **[insitevision](/forum/user/35045-insitevision "View insitevision's Profile")** - [![insitevision's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35045-insitevision "View insitevision's Profile") Topic Author - [ Offline](/forum/user/35045-insitevision) Less More - Posts: 14 - Thank you received: 0 - - 5 years 5 months ago [\#332290](#332290) by [insitevision](/forum/user/35045-insitevision "View insitevision's Profile") *[Layout in attachinvoice plugin](/forum/30-integrations/902508-layout-in-attachinvoice-plugin#332290 "-- HikaShop version -- : 4.4.2 -- Joomla version -- : 3.9.26 -- PHP version -- : 7.4.16 -- Browser(s) name and version -- : Firefox 88.0 (64-bits) Hi, I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical. With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle). I defined a vertical class and added this to the code but no succes. Here's a snippet: Any ideas how I can get the specific text vertical? Regards, Eric")* was created by *[insitevision](/forum/user/35045-insitevision "View insitevision's Profile")* -- HikaShop version -- : 4.4.2 -- Joomla version -- : 3.9.26 -- PHP version -- : 7.4.16 -- Browser(s) name and version -- : Firefox 88.0 (64-bits) Hi, I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical. With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle). I defined a vertical class and added this to the code but no succes. Here's a snippet: Code: .addresses{padding-top:50px;} .addresses td{padding-left:50px;} .addresses fieldset {float:left;} .pakbon{padding-top:-10px;} .pakbon td{padding-left:10px;} .afzender {font-size:10px;} .vertical { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); /* Safari/Chrome */ -moz-transform: rotate(-90deg); /* Firefox */ -o-transform: rotate(-90deg); /* Opera */ -ms-transform: rotate(-90deg); /* IE 9 */} table.products{margin:auto;margin-top:60px;width:580px;border-collapse:collapse} .price{text-align:center;} .products td, .products th{border:1px solid #ccc;padding:7px 4px;} .products th{background-color:#5471B5;color:white;} td.newarea{text-align:right;padding-right:20px;} tr.total{font-weight:bold;} .products tr.limitation td{background-color:#ccc;padding:1px 0px;} .hikashop_order_custom_fields_fieldset{margin-top : 20px;} .footer{font-size:10px;color:#aaa;text-align:center;} --> </style> <page style="font-size: 14px" backtop="14mm" backbottom="14mm" backleft="10mm" backright="10mm"> <table class="pakbon"> <tr> <?php $addresses = array('shipping_address'); foreach($addresses as $oneAddress){ if(empty($order->$oneAddress)) continue; if ($oneAddress=='shipping_address' && empty($pluginsShipping)) continue; ?> <td valign="top" style="width:50%"> <fieldset> <?php $override = false; if(!empty($order->order_shipping_id) && $oneAddress=='shipping_address' && method_exists($currentShipping, 'getShippingAddress')) { $override = $currentShipping->getShippingAddress($order->order_shipping_id); } if($override !== false ) { echo $override; } else { $addressClass = hikashop_get('class.address'); if(hikashop_isClient('administrator')){ $view = 'order'; }else{ $view = 'address'; } echo $addressClass->displayAddress($order->fields,$order->$oneAddress,$view); ?> <br /> <span class="afzender"><?php if($this->shipping_invoice){ $number = JText::_('SHIPPING_INVOICE').' n° '; if(JText::_('SHIPPING_INVOICE_NUMBER') != 'SHIPPING_INVOICE_NUMBER'){ $number = JText::_('SHIPPING_INVOICE_NUMBER').' '; } $item_type = 'display:back_shipping_invoice=1'; }else{ $number = JText::_('INVOICE').' n° '; if(JText::_('INVOICE_NUMBER') != 'INVOICE_NUMBER'){ $number = JText::_('INVOICE_NUMBER').' '; } $item_type = 'display:back_invoice=1'; } } ?></span> </fieldset> </td> <td class="afzender"><fieldset><span class="vertical">Afz.: 8271DN8</span></fieldset></td> <?php } ?> </tr> </table> Any ideas how I can get the specific text vertical? Regards, Eric - [ ![schipping_invoice.jpg](/forum/attachment/52628) ](/forum/attachment/52628 "...ng_invoice.jpg") [ ](/forum/attachment/52628?download=1 "...ng_invoice.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMwLWludGVncmF0aW9ucy85MDI1MDgtbGF5b3V0LWluLWF0dGFjaGludm9pY2UtcGx1Z2luP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")** - [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile") - [ Away](/forum/user/63-nicolas) Less More - Posts: 86290 - Thank you received: 14268 - - 5 years 5 months ago [\#332306](#332306) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Layout in attachinvoice plugin](/forum/30-integrations/902508-layout-in-attachinvoice-plugin#332306 "-- HikaShop version -- : 4.4.2 -- Joomla version -- : 3.9.26 -- PHP version -- : 7.4.16 -- Browser(s) name and version -- : Firefox 88.0 (64-bits) Hi, I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical. With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle). I defined a vertical class and added this to the code but no succes. Here's a snippet: Any ideas how I can get the specific text vertical? Regards, Eric")* Hi, What generates the PDF is not your browser, but the HTML2PDF library included in the PDF plugin. So it doesn't handle advanced CSS properly. However, it seems you're not the first one wanting to do something like that. Looking online, I found this page: [ github.com/spipu/html2pdf/issues/198](https://github.com/spipu/html2pdf/issues/198) There, they recommend doing it like that: Code: <div style="rotate:90;">ROTATED TEXT</div> And based on that, I also found that the HTML2PDF code examples has one about this here: [ github.com/spipu/html2pdf/blob/master/ex...es/res/example08.php](https://github.com/spipu/html2pdf/blob/master/examples/res/example08.php) The following user(s) said Thank You: [insitevision](/forum/user/35045-insitevision "View insitevision's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMwLWludGVncmF0aW9ucy85MDI1MDgtbGF5b3V0LWluLWF0dGFjaGludm9pY2UtcGx1Z2luP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[insitevision](/forum/user/35045-insitevision "View insitevision's Profile")** - [![insitevision's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/35045-insitevision "View insitevision's Profile") Topic Author - [ Offline](/forum/user/35045-insitevision) Less More - Posts: 14 - Thank you received: 0 - - 5 years 5 months ago [\#332311](#332311) by [insitevision](/forum/user/35045-insitevision "View insitevision's Profile") Replied by *[insitevision](/forum/user/35045-insitevision "View insitevision's Profile")* on topic *[Layout in attachinvoice plugin](/forum/30-integrations/902508-layout-in-attachinvoice-plugin#332311 "-- HikaShop version -- : 4.4.2 -- Joomla version -- : 3.9.26 -- PHP version -- : 7.4.16 -- Browser(s) name and version -- : Firefox 88.0 (64-bits) Hi, I'm using the attachinvoice plugin to print shipping invoices. These are printed on a paper where the top-left has a label. On that label the shipping address is printed and I also want to print the senders postalcode en number. This works but.... I need the senders postalcode and number printed vertical. With CSS I can change the font-size and so but I cannot get the text vertical (see attached file marked with the red rectangle). I defined a vertical class and added this to the code but no succes. Here's a snippet: Any ideas how I can get the specific text vertical? Regards, Eric")* Hi Nicolas, Thank you, that code was the solution. The specific text on the shipping invoice is now vertical! Regards, Eric Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzMwLWludGVncmF0aW9ucy85MDI1MDgtbGF5b3V0LWluLWF0dGFjaGludm9pY2UtcGx1Z2luP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to? [](/forum/topics/feed/mode-topics?format=feed&type=rss) Time to create page: 0.198 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)