Design4 0 Fragen an Hans-Peter » Historie » Revision 9
Revision 8 (Cem Aydin, 27.02.2023 13:27) → Revision 9/11 (Cem Aydin, 27.02.2023 13:36)
h1. Design4 0 Fragen an Hans-Peter
* Input panel Breite individualieren/anpassen
* Klasse für Höhe von Elementen
* Flex benutzen
* Tabelle breite 100%
h2. Kunden/Lieferantenmaske Reiter "Belege"
Wenn die Tab Zeile umbricht, zum Beispiel wenn Menü links eingeschaltet ist, dann überlagern die Belege Tabs die Haupt-Tab Zeile.
Auch an anderen Stellen zum Beispiel Mandantenkonfiguration, wenn die Tabs umbrechen, überlagern sie den Hauptinhalt darunter.
h2. alternierende (Zebra) Tabellen mit dynamischen Zeilen
templates/design40_webpages/file/list.html
In den Reitern Dokumente/Dateianhänge können die Dateien Versionen haben. Diese lassen sich als weitere Zeilen ausklappen. Allerdings werden diese Zeilen, vor dem ausklappen bei der Alternierung odd/even mitgezählt, so dass eben zwei Zeilen mit der selben Farbe nacheinander kommen können. Zudem sollten die Versionen evtl. in der selben Farbe sein, wie die Haupt-Zeile.
Im "alten Design" zähle ich eine Template-Variable hoch und setze die Klassen listrow0 und listrow1 explizit.
Wie kann man das im neuen Design lösen? Kann man da auch die Zeilenfarbe/Klasse direkt ansprechen?
Gleiches Problem z.B. bei Angebot/Auftrag usw., wenn man die Detail-Zeilen ausklappt, bzw. je nach Anzeil der Deteil-Zeilen alternieren die Positionszeilen nicht mehr.
h2. Dateivorschau/overflow
templates/design40_webpages/file/list.html
In den Reitern Dokumente/Dateianhänge gibt es Vorschaubilder (für pdf/png/jpg/...). Für eine größere Vorschau wird ein größeres Bild in ein div gerendert, aber dieses wird immer abgeschnitten, wenn der Platz nicht reicht. Mit overflow: visible; hatte ich keinen Erfolg.
Im alten Design erscheint eine Scrollbar und wenn man ein Maus-Rad hat, kann man das ganze Bild erscrollen.
Edit: -> Behoben: Also die Bildvorschau ist schon etwas seltsam gebaut. Im alten Design sieht man aber dass das Bild von dem äusseren Container überlagert wird. Damit dieser scrollt muss dort overflow: scroll gesetzt werden.
h2. Tabellen in Tabellen (Belegpositionen in Berichten)
Man kann sich nun in den Beleg-Berichten die Positionen mit anzeigen lassen. Diese werden in "templates/design40_webpages/presenter/items_list/items_list.html" als Tabelle gerendert.
Somit haben wir dann Tabellen in einer Tabellen, was ja eigentlich grundsätzlich verboten ist.
Wie kann man das lösen?
* Input panel Breite individualieren/anpassen
* Klasse für Höhe von Elementen
* Flex benutzen
* Tabelle breite 100%
h2. Kunden/Lieferantenmaske Reiter "Belege"
Wenn die Tab Zeile umbricht, zum Beispiel wenn Menü links eingeschaltet ist, dann überlagern die Belege Tabs die Haupt-Tab Zeile.
Auch an anderen Stellen zum Beispiel Mandantenkonfiguration, wenn die Tabs umbrechen, überlagern sie den Hauptinhalt darunter.
h2. alternierende (Zebra) Tabellen mit dynamischen Zeilen
templates/design40_webpages/file/list.html
In den Reitern Dokumente/Dateianhänge können die Dateien Versionen haben. Diese lassen sich als weitere Zeilen ausklappen. Allerdings werden diese Zeilen, vor dem ausklappen bei der Alternierung odd/even mitgezählt, so dass eben zwei Zeilen mit der selben Farbe nacheinander kommen können. Zudem sollten die Versionen evtl. in der selben Farbe sein, wie die Haupt-Zeile.
Im "alten Design" zähle ich eine Template-Variable hoch und setze die Klassen listrow0 und listrow1 explizit.
Wie kann man das im neuen Design lösen? Kann man da auch die Zeilenfarbe/Klasse direkt ansprechen?
Gleiches Problem z.B. bei Angebot/Auftrag usw., wenn man die Detail-Zeilen ausklappt, bzw. je nach Anzeil der Deteil-Zeilen alternieren die Positionszeilen nicht mehr.
h2. Dateivorschau/overflow
templates/design40_webpages/file/list.html
In den Reitern Dokumente/Dateianhänge gibt es Vorschaubilder (für pdf/png/jpg/...). Für eine größere Vorschau wird ein größeres Bild in ein div gerendert, aber dieses wird immer abgeschnitten, wenn der Platz nicht reicht. Mit overflow: visible; hatte ich keinen Erfolg.
Im alten Design erscheint eine Scrollbar und wenn man ein Maus-Rad hat, kann man das ganze Bild erscrollen.
Edit: -> Behoben: Also die Bildvorschau ist schon etwas seltsam gebaut. Im alten Design sieht man aber dass das Bild von dem äusseren Container überlagert wird. Damit dieser scrollt muss dort overflow: scroll gesetzt werden.
h2. Tabellen in Tabellen (Belegpositionen in Berichten)
Man kann sich nun in den Beleg-Berichten die Positionen mit anzeigen lassen. Diese werden in "templates/design40_webpages/presenter/items_list/items_list.html" als Tabelle gerendert.
Somit haben wir dann Tabellen in einer Tabellen, was ja eigentlich grundsätzlich verboten ist.
Wie kann man das lösen?