Layout in attachinvoice plugin

insitevision
Topic Author
Offline

5 years 4 months ago #332290 by insitevision

Layout in attachinvoice plugin was created by insitevision

-- 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

Please Log in or Create an account to join the conversation.

nicolas
Away

5 years 4 months ago #332306 by nicolas

Replied by nicolas on topic Layout in attachinvoice plugin

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
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

The following user(s) said Thank You: insitevision

Please Log in or Create an account to join the conversation.

insitevision
Topic Author
Offline

5 years 4 months ago #332311 by insitevision

Replied by insitevision on topic Layout in attachinvoice plugin

Hi Nicolas,

Thank you, that code was the solution. The specific text on the shipping invoice is now vertical!

Regards,
Eric

Please Log in or Create an account to join the conversation.

Time to create page: 0.154 seconds