Project

General

Profile

Actions

Feature #17739

closed

multiform: grid

Added by Benjamin Baer 6 months ago. Updated 5 months ago.

Status:
Closed
Priority:
Normal
Assignee:
Carsten Rose
Target version:
Start date:
29.01.2024
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
No
Vote:

Description

Multiform grid:

optionally, instead of table wrap it in a div with a grid with optional rows:

Example 4 columns:

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr 1fr">

Wrap every current <td> instead in <div>. tr are not needed and can be configured by the number of 1fr (or just generally grid-template-columns).
Make style tag customizable.

If you want just two culumns: 1fr 1fr
for 5 columns: 1fr 1fr 1fr 1fr 1fr

or probably even easier: `repeat(5, 1fr)` (repeat 1fr 5 times
also possible: `repeat(autofill, min-content)` (sizes each column as small as possible and adds columns until row is full)
or: `repeat(autofill, 40px)` (each column 40px, fill until entire row is full, then it breaks.

so with this we have a lot of flexibility for multiform.

result would be:

<div class="optional" style="display: grid; grid-template-columns: repeat(3, 1fr)">
  <div>first element</div>
  <div>second element</div>
  <div>third element</div>
  <div>fourth element</div>
  ...
</div>

No row breaks (trs), so the user can change it how they prefer it.

Actions

Also available in: Atom PDF