QFQ

Nach meinem Tests ist das Problem hier, dass der Browser die Weite der Spalte berechnet bevor er den Text dreht. Dh. man muss eine Weite mitgeben (width=... oder im style width: 50px)

• Das setzen von width reicht nicht, man muss auch height setzen. Anschliessend ist der Text 'mittig zu irgendwas' - sieht nicht gut aus.
• a) 90': scheint gut zu sein: https://stackoverflow.com/a/47245068
• b) 45': ist auch gut: https://css-tricks.com/rotated-table-column-headers/

Bei a) habe ich Probleme die CSS Klassen zu definieren und braeuchte Unterstuetzung.
Bei b) sind Breite und Hoehe hart im CSS: welche Moeglichkeiten gibt es dass dynamisch zu machen?

• Klasse qfq-vertical muss in das tabellen td / th feld rein
• Text danach in ein <span> fassen ODER ein andere umfassung mit klasse .qfq-vertical-text

Siehe: http://webwork16.math.uzh.ch/bbaer/index.php?id=9

Ist im dev branch

Hallo Benj

Danke fuer die Implementierung.

1) Wenn wir das weiterhin mit "... AS _vertical" machen wollen ist es schlecht wenn '<th>' oder '<td>' zusaetzlich eine class benoetigen (der Teil wird durch den WebAppDev in 'report' geschrieben, nicht via QFQ PHP gerendert).

Ziel waere das "... AS vertical" alles wrappen kann. Bsp:

sql = SELECT 'test' AS _vertical
rbeg = <td>
rend = </td>

Output:

<td><span class="qfq-vertical-text">test</span></td>

Das haettest Du vermutlich so gemacht wenn es moeglich waere.
Gibt es Moeglichkeit anstelle des <td> ein <div> einzubauen:

<td><div class="qfq-vertical"><span class="qfq-vertical-text">test</span></div></td>

2) Koenntest Du die 45' Variante anschauen / ein Mockup machen / implementieren?

3) sollen wir neue special columnname: 'rot45' und 'rot90' definieren (anstelle von 'vertical')?

Danke.