# Job card creation

**URL:** <https://forum.manager.io/t/job-card-creation/67634>\
**Category:** Uncategorized\
**Created:** [April 14, 2026, 2:19am UTC](https://forum.manager.io/t/job-card-creation/67634 "2026-04-14T02:19:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wornout](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.manager.io/wornout/32/19913_2.png) [@Wornout](https://forum.manager.io/u/Wornout)\
**Post date:** [April 14, 2026, 2:19am UTC](https://forum.manager.io/t/job-card-creation/67634/1 "2026-04-14T02:19:24Z")

</div>

I am so pleased with myself.  
For a job card in sales quotes I created a job card

 ![image](https://us1.discourse-cdn.com/flex019/uploads/manager1/original/3X/7/a/7acd4ab5599fe0bac9af0af45216c13909c21331.png)  
This one you attach a photo of the machine .I do have another theme where you can have the image showing in the actual job card and I can fill in the labour costs and parts etc and copy to invoice and it will come through as  
 ![image](https://us1.discourse-cdn.com/flex019/uploads/manager1/original/3X/9/f/9fed015dd7ac86560cbb1a458510a6ef2d2a4296.jpeg)  
both have themes

---

<div class="post-metadata">

**Author:** ![Rebbeca](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.manager.io/rebbeca/32/60378_2.png) [@Rebbeca](https://forum.manager.io/u/Rebbeca)\
**Post date:** [April 17, 2026, 3:11pm UTC](https://forum.manager.io/t/job-card-creation/67634/2 "2026-04-17T15:11:56Z")

</div>

did you create this Job Card with Manager? if so , How? kindly share the process

---

<div class="post-metadata">

**Author:** ![Wornout](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.manager.io/wornout/32/19913_2.png) [@Wornout](https://forum.manager.io/u/Wornout)\
**Post date:** [April 22, 2026, 9:15pm UTC](https://forum.manager.io/t/job-card-creation/67634/3 "2026-04-22T21:15:16Z")

</div>

yes I coded it in themes and then went to sales quote and where it says use custom theme I chose it

body { font-family: Arial, sans-serif; font-size: 13px; } h2 { text-align: center; margin-top: 0; } .box { border: 1px solid #000; padding: 10px; margin-bottom: 10px; } .row { margin-bottom: 5px; } .heading { font-weight: bold; text-decoration: underline; margin-bottom: 10px; }

```
<td colspan="2" style="text-align:center; padding-left:98px;">
    {% if business.logo != null %}
        <img src="{{ business.logo }}" style="max-height:90px;">
    {% endif %}
</td>

```

```
<!-- ROW 2: CUSTOMER | JOB | BUSINESS -->
<tr>

    <!-- CUSTOMER -->
    <td style="width:33%; vertical-align:top;">
        <div><strong>{{ recipient.name }}</strong></div>
        <div>{{ recipient.address | newline_to_br }}</div>

        {% for field in custom_fields %}
            {% if field.label == "Customer Phone:" %}
                <div><strong>Phone:</strong> {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

    <!-- JOB INFO -->
    <td style="width:33%; vertical-align:top;text-align:Right; padding-right:20px;">
       

        {% for field in fields %}
            {% if field.label == "Reference" %}
                <div>Job #: {{ field.text }}</div>
            {% endif %}
            {% if field.label == "Issue date" %}
                <div>Date: {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

  <!-- BUSINESS -->

```

 JOB CARD

| |
| 
**{{ business.name }}**

{{ business.address | newline\_to\_br }}

{{ business.identifier }}
 |

Safety Notice
 Your machine has been serviced in accordance with the manufacturer’s guidelines and relevant New Zealand standards. Please keep this job card as a record of the work carried out.

Job Details

```
{% for field in fields %}

    {% if field.label == "Issue date" %}
        <div class="row"><strong>Job Date:</strong> {{ field.text }}</div>
    {% endif %}

    {% if field.label == "Expiry date" %}
        <div class="row"><strong>Expiry Date:</strong> {{ field.text }}</div>
    {% endif %}

    {% if field.label == "Reference" %}
        <div class="row"><strong>Job Number:</strong> {{ field.text }}</div>
    {% endif %}

{% endfor %}

```

Customer Details

```
<div class="row"><strong>Customer:</strong> {{ recipient.name }}</div>

{% for field in custom_fields %}
    {% if field.label == "Customer Phone:" %}
        <div class="row"><strong>Phone:</strong> {{ field.text }}</div>
    {% endif %}
{% endfor %}

<div class="row"><strong>Email:</strong> {{ recipient.email }}</div>
<div class="row"><strong>Address:</strong> {{ recipient.address }}</div>

```

Machine Details

```
<div class="row"><strong>Machine Type:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Machine Type" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Make:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Make" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Model:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Model" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<div class="row"><strong>Serial Number:</strong>
    {% for field in custom_fields %}
        {% if field.label == "Serial Number" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

```

Issue / Fault

```
{% for field in custom_fields %}
    {% if field.label == "Customer Issue" %}
        {{ field.text }}
    {% endif %}
{% endfor %}

```

Job Completed

```
<div class="row">
    <strong>Work Performed:</strong><br>
    {% for field in custom_fields %}
        {% if field.label == "Work Performed" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

<br>

<div class="row">
    <strong>Parts Used:</strong><br>
    {% for field in custom_fields %}
        {% if field.label == "Parts Used" %}
            {{ field.text }}
        {% endif %}
    {% endfor %}
</div>

```

Status

```
{% for field in custom_fields %}
    {% if field.label == "Status" %}
        {{ field.text }}
    {% endif %}
{% endfor %}

```

Customer Signature

```
Signature: ___________________________ <br><br>
Date: ___________________________

```

Terms

```
Payment due on collection.<br>
No responsibility for items left over 30 days.

```

this one I attaché the photo of the machine to be fixed to it. In another one I set the photo into the form its self.

This is the one I use for the invoice . it could do with tweaking a bit , but son said its ok for what he wants

| 

```
<!-- ROW 1: LOGO -->
<tr>
    <td style="width:60%;"></td>

    <td colspan="2" style="text-align:center;">
        {% if business.logo != null %}
            <img src="{{ business.logo }}" style="max-height:90px;">
        {% endif %}
    </td>
</tr>

<!-- ROW 2 -->
<tr>

    <!-- CUSTOMER -->
    <td style="width:60%; vertical-align:top;">
        <div><b>{{ recipient.name }}</b> {{ recipient.code }}</div>
        <div>{{ recipient.address | newline_to_br }}</div>

        {% for field in custom_fields %}
            {% if field.label == "Customer Phone:" %}
                <div><b>Phone:</b> {{ field.text }}</div>
            {% endif %}
        {% endfor %}
    </td>

    <!-- INVOICE -->
    <td style="width:20%; text-align:right; vertical-align:top; border-right:1px solid #000; padding-right:10px;">
        {% for field in fields %}
            <div><b>{{ field.label }}</b></div>
            <div style="margin-bottom:6px;">{{ field.text }}</div>
        {% endfor %}
    </td>

    <!-- BUSINESS -->
    <td style="width:20%; vertical-align:top; padding-left:10px;">
        <div><b>{{ business.name }}</b></div>
        <div>{{ business.address | newline_to_br }}</div>
        <div>{{ business.identifier }}</div>
    </td>

</tr>

```

```
<thead>
    <tr>
        {% for column in table.columns %}
        <td style="font-weight:bold; padding:5px; border:1px solid #000; text-align:{{ column.align }}">
            {{ column.label }}
        </td>
        {% endfor %}
    </tr>
</thead>

<tbody>
    {% for row in table.rows %}
    <tr>
        {% for cell in row.cells %}
        <td style="padding:5px; border:1px solid #000; text-align:{{ table.columns[forloop.index0].align }}">
            {{ cell.text | newline_to_br }}
        </td>
        {% endfor %}
    </tr>
    {% endfor %}

    {% for total in table.totals %}
    <tr>
        <td colspan="{{ table.columns | size | minus:1 }}" style="text-align:right; padding:5px;">
            {{ total.label }}
        </td>
        <td style="border:1px solid #000; text-align:right; padding:5px;">
            {{ total.text }}
        </td>
    </tr>
    {% endfor %}

</tbody>

```

{% for field in custom\_fields %}

```
{% if field.label == "Machine Type" %}
    <div><b>Machine Type:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Make" %}
    <div><b>Make:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Model" %}
    <div><b>Model:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Serial Number" %}
    <div><b>Serial Number:</b> {{ field.text }}</div>
{% endif %}

{% if field.label == "Work Performed" %}
    <div><b>Work Performed:</b><br>{{ field.text }}</div>
{% endif %}

{% if field.label == "Parts Used" %}
    <div><b>Parts Used:</b><br>{{ field.text }}</div>
{% endif %}

```

{% endfor %}

**Payment due on collection**  
 Thank you for your custom
 |