Bug #9535
open
Report: ... AS '_vertical' - column to wide - vertical >> rot45, rot90
0%
Description
Evtl. hatten wird das schon diskutiert - ich finde aber kein Ticket dazu.
Beispiel: http://webwork16.math.uzh.ch/crose/qfq/index.php?id=93
In Report gibt es den special column name '_vertical'. Damit koennen z.B. Spaltenueberschriften rotiert werden. Das passiert via CSS.
Das Problem: Die Tabellenspalte bekommt die Breite des Textes bevor er gedreht wurde. D.h. Spalten mit breiten Titel werden trotzdem breit, obwohl genau das durch 'hochstellen' verhinder werden soll.
Kann man das tweaken, so das (die Spalte dynamisch die Breite des breitesten Textes (inkl. Umbruch) bekommt?
Files
Updated by Carsten Rose almost 4 years ago
- Due date changed from 13.11.2019 to 15.11.2019
Updated by Benjamin Baer almost 4 years ago
- Due date changed from 15.11.2019 to 09.12.2019
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)
Updated by Carsten Rose almost 4 years ago
- Status changed from New to Some day maybe
Updated by Carsten Rose almost 4 years ago
- Due date changed from 09.12.2019 to 17.12.2019
- Status changed from Some day maybe to New
- 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?
Updated by Benjamin Baer almost 4 years ago
- Status changed from ToDo to Feedback
- 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
Updated by Carsten Rose almost 4 years ago
- Subject changed from Report: ... AS '_vertical' - column to wide to Report: ... AS '_vertical' - column to wide - vertical >> rot45, rot90
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.