QFQ

Feature #17739

Updated by Benjamin Baer 6 months ago

Multiform grid: 

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

 Example 4 columns: 
 <pre> 
 <div style="display: grid; grid-template-columns: class="qfq-grid-multi" style="grid-template-columns: 1fr 1fr 1fr 1fr"> 
 </pre> 

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

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

Back