Hey there,
finally I got it work! I can create tables with tasks and articles within invoice-designs using Twig. Buuuut there are two problems. The first one is this thread about.
As you can see in the screenshot there are little spaces between the bottom-borders of the table-(headers). Any ideas?
I have to mention that I put the zoom of the html to 100 %. I hoped for sharper fonts and I didn’t understand why some designs use just 80%.
Maybe one can help. Thanks!
Hi,
@david do you have any ideas?
i think chatgpt shines for questions like this, this is general CSS/HTML tweaking that needs to be done with the use of padding / margin selectors.
Good morning!
Nope, I’ve already set testwise margins and paddings explicetely to zero. No difference.
For me it looks like the whole -table-code is kind of zoomed out.
Ah, maybe you’re not so wrong at all, David. What I didn’t recognize as a maybe connected problem is that the item-notes are prompted with it’s special
Is this a “wanted” behavoure?
I’m not sure I follow.
If you need to target selectors, you can use the guide here to determine which css selectors are required
No problem, I know about my deficits in English-speaking.
What I meant is: One is creating an invoice which includes the task-table as a TWIG-coded table. It grabs the variable {{ invoice.item-note }} which contains of this string: “Just a rendom task
Instead of filling the table-line with this item AND formating the string by it’s involed
Gotcha,
Twig is not aware of the formatted content.
Hm, how to have the right formated text within the tables then? :-/
Oh dear, found the/my mistake:
Had to set cellspacing-, cellpadding, border-spacing-setting for the tables to 0 and border-collapse-css-option to collapse, so the gaps will disappear.
Just some bugfixes and a nice twig-design will be ready!
Supported by Invoice Ninja and Event Schedule
