Hi,
Below is current layout for my delivery note :
And now, if should it be possible for me to change it to be as per below attachment :
**Anyhow i don’t know how to make it look as what i want it to be. If this is possible to be done, could anyone help me to show exactly how can i change it?
I obviously don’t know how to code html or any similar to it. I would be appreciated if anyone could help me with this.
can you please provide the html code only for that part? so i can try to change the alignment.
Jake, i don’t have the code html yet. I just created in picture so that people will understand what i need.
Do you now how to do it?
i mean for the current layout
Oh i see… okay… please refer below, i have copy and pasted
{% if business.logo != null %}{% endif %}
{{title | replace: "Delivery Note", "Delivery Order"}}
<table style="margin-bottom: 20px"><tr>
<td>
<div><b>{{ recipient.code }}</b> {{ recipient.name }}</div>
<div>{{ recipient.address | newline_to_br }}</div>
<div>{{ recipient.identifier }}</div>
</td>
<td style="border-right-width: 1px; padding-right: 20px; text-align: right">
{% for field in fields %}
<div style="font-weight: bold">{{ field.label }}</div>
<div style="margin-bottom: 10px">{{ field.text }}</div>
{% endfor %}
</td>
<td style="padding-left: 20px; width: 200px">
<div style="font-weight: bold">{{ business.name }}</div>
<div>{{ business.address | newline_to_br }}</div>
<div>{{ business.identifier }}</div>
</td>
</tr></table>
<div style="font-size: 14px; font-weight: bold; margin-bottom: 20px">{{ description }}</div>
</td>
</tr>
<tr>
{% for column in table.columns %}
<td style="font-weight: bold; padding: 5px 10px; text-align: {{ column.align }}; border-left-width: 1px; border-bottom-width: 1px; border-top-width: 1px{% if forloop.last == true %}; border-right-width: 1px{% endif %}{% if column.nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ column.label }}</td>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in table.rows %}
<tr>
{% for cell in row.cells %}
<td style="padding: 5px 10px; text-align: {{ table.columns[forloop.index0].align }}; border-left-width: 1px{% if forloop.last == true %}; border-right-width: 1px{% endif %}{% if table.columns[forloop.index0].nowrap %}; white-space: nowrap; width: 80px{% endif %}">{{ cell.text | newline_to_br }}</td>
{% endfor %}
</tr>
{% endfor %}
{% for column in table.columns %}
<td style="border-bottom-width: 1px; border-left-width: 1px{% if forloop.last == true %}; border-right-width: 1px{% endif %}"> </td>
{% endfor %}
{% for total in table.totals %}
<tr>
<td colspan="{{ table.columns | size | minus:1 }}" style="padding: 5px 10px; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.label }}</td>
<td style="border-color: #000; border-left-width: 1px; white-space: nowrap; border-right-width: 1px; border-bottom-width: 1px; padding: 5px 10px; text-align: right{% if total.emphasis == true %}; font-weight: bold{% endif %}">{{ total.text }}</td>
</tr>
{% endfor %}
{% for field in custom_fields %}
<tr>
<td colspan="99">
<div style="font-weight: bold; padding-top: 20px">{{ field.label }}</div>
<div>{{ field.text | newline_to_br }}</div>
</td>
</tr>
{% endfor %}
{% if emphasis.text != null and emphasis.positive %}
<tr><td colspan="99"><div style="text-align: center; margin-top: 40px"><span style="color: #006400; border-width: 5px; border-color: #006400; padding: 10px; font-size: 20px">{{ emphasis.text | upcase }}</span></div></td></tr>
{% endif %}
{% if emphasis.text != null and emphasis.negative %}
<tr><td colspan="99"><div style="text-align: left; margin-top: 40px"><span style="color: #FF0000; border-width: 5px; border-color: #FF0000; padding: 10px; font-size: 20px">{{ emphasis.text | upcase }}</span></div></td></tr>
{% endif %}
</tbody>
hey , can you plx paste the code in the msg sender and select the whole code and click the </> icon (up in the bar of the msg sender)?
Hi, I looking the signature alignment too, may you send me the code html?
ries
July 4, 2017, 10:58pm
10
Does this help? See picture. Make a Custom field in [Settings]-[Delivery Notes]. Leave [Label] field empty.
Thanks for
your help, I keep tried to manage the customer signature to the right as showing of the pdf ( adjusted by screen shot ) but it doesn’t work. May you help to coding the html code? Sorry to troubling you.
Thanks for your help. My problem solved.
Hi Ries,
I have the following code:
Customer Signature & Date
Thank You for your business
!
Screenshot 2020-01-11 at 5.55.07 PM|690x131
How do i have “Issued by signature” on the left side of the page and “Customer Signature” on the right side of the page?
Thank you.
Tut
January 11, 2020, 1:27pm
16
Custom fields are at the left by default. Apply the solution given for the custom field you want at the right.
Hi Tut,
I tried using the solution above together with the default. One is one the left and the other is on the right but on a different line. I know this is meant for accounting questions but i just need this one thing to work.
Hope you can assist.
Tut
January 12, 2020, 4:39am
18
I’m the wrong person to ask. Any competent web developer should be able to help.
