How do I edit/change column width on custom field?

1

How do I custom column width on custom field?

As you can see the tax code is taking up my description space.

i created that column using custom field.
Please help me :frowning:

Screenshot
Screenshot1488×696 81.9 KB

2

you will have to customize your theme for this.

proceed only if you are familiar with html coding or else hire someone locally to do it for you.

follow the steps provided in the below post.

in the above post, replace the word HSN in the provided code with the column heading Tax Code.
make sure your column heading matches exactly. even a small change in letter case will cause errors.

3

Solved! Thanks

4

I have the same problem and had tried the above code in a new custom them created for the below code:

image
image861×112 8.51 KB

However, the below screen appear I view the theme:

image

Can someone help? Thanks.

5

@hugo all the intended solutions had already been given. it is recommended that you seek a local programmer. this is not a coding forum.

6

well, i too am having the same error…
maybe @sharpdrivetek can have a look at it?
here’s my code-

<tr>
    <td style="width: 25px; font-weight: bold; padding: 5px 5px; border-bottom-width: 1px; border-left-width: 1px; border-top-width: 1px; text-align:CENTER">#</td>
    {% for column in table.columns %}
        {% if column.label != 'HSN/SAC' %}
            <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>
            {% else %}
            <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; white-space: wrap; width: 80px">{{ column.label }}</td>
        {% endif %}
    {% endfor %}
</tr>
7

apparently there was a {% endif %} missing

8

what version are you using? i do not have this error on 18.1.16
the code looks correct except you do not need {% if forloop.last == true %} in the line after the else tag, which is not terminated with an endif tag. also, make sure you did not edit the code anywhere else in the theme especially with the tag endfor.
or maybe changes to Manager programs in recent updates might have caused this issue.

so the theme is working correct now?

9

well it works now, except that the column resizes to the size of the heading “HSN/SAC”:

but it should be helpful for @Hugo

<tr>
    <td style="width: 25px; font-weight: bold; padding: 5px 5px; border-bottom-width: 1px; border-left-width: 1px; border-top-width: 1px; text-align:CENTER">#</td>
    {% for column in table.columns %}
        {% if column.label != 'HSN/SAC' %}
            <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>
         {% else %}
            <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 %}; white-space: wrap; width: 30px">{{ column.label }}</td>
        {% endif %}
    {% endfor %}
</tr>
1 Like
10

Hi

Please help me - everytime when i preview the invoice - perfect - when I pdf - columns size back to huge.

11

What version are you using? And are you using a custom theme?

Also, understand that Manager is not a what-you-see-is-what-you-get application. What you see on screen is a web page generated by a browser (even for the desktop edition). What you see in a PDF is created by Manager’s internal PDF generator.

12

Thanks Tut for feedback. Yes, i check and see that differents only on generated document and PDF. You are right. It’s not a WYSIWYG. Printable document is good. According translation as i wrote early - according manual templates in two languages without changing basic language i have solution. Insert some replacements (scripts) into template and now can write any invoice in Lithuanian but get printable document in English. So, not needed to make separated date base for manager. Now without changing main language i can make Invoice’s in different languages and save them in one data base.

14

@HighImpact, first, update your software. You are more than 80 versions behind already.

Second, you did not really answer my question. I asked if you are using a custom theme. You answered that you are using a built-in theme but with an additional custom column. You cannot edit the built-in theme. So you are really either (1) using a custom theme, possibly adapted from the built-in theme’s code, or (2) using custom fields of the line type. Which is it?

If you don’t have the skills to modify code personally, hire a local programmer. Themes are written in Liquid. A competent web developer should be able to help you.

15

when i use above it move the description contents to left side in newly created custom serial number field. in custom theme.