TOPIC: Grafiken in Veranstaltungsübersicht-Tablets

Hallo Yves!
immer ich, aber folgendes Problem:
Ich habe die Grafiken für die Veranstaltungsübersicht gleich groß wie die von euch ausgelieferten "placeholder" erstellt und eingebaut. Funktioniert super auf großen Monitoren, auf Tablets oder auch bei kleinen Fenstergrößen treten Probleme in allen mir zur Verfügung stehenden Browsern (IE, FF, Safari IOS, Safari Windows) auf. Wenn du kein Tablet zur Hand hast, verkleinere einfach das Fenster so lange, bis aus der 2-spaltigen Übersicht nur eine Spalte wird. Dann hast du den gleichen Effekt wie z.B. auf dem iPad. Das Bild wird abgeschnitten und erstreckt sich in der Breite über die volle Spaltenbreite/Fensterbreite.
Es hilft nichts, die Grafiken zu verkleinern. Habe sie halbiert.
Hab ein Icon mit 30x35px!!! probiert, selber Effekt, gesamte Spaltenbreite wird ausgefüllt, auch am PC .
Kein Bild kann man ja nicht angeben.
Es hilft nichts, deinen Tipp in die Template.css zu schreiben:
.mat_event_image mit max-width usw.
Was tun? Ist das ein generelles Problem oder ein Templateproblem?

lg
Helmut

Hallo Helmut,

das ist so gewollt

Die Größe passt sich automatisch an das verwendete Gerät an ( getbootstrap.com/css/#grid ):

In der normalen Ansicht (Desktop, Quer auf dem iPad etc.) haben wir col-md-9 und col-md-3, damit das ganze noch auf kleinen Bildschirmen gut aussieht werden die Inhalte dann untereinander gelegt (e.g. col-sm-12 und col-sm-12).

Per CSS kann das nicht geändert werden, nur per Template Override (Code-Änderung). Für Tablets in der horizontalen Ansicht finde ich an der Grenze und werde es dafür eventuell nochmal ändern (e.g. das es so aussieht wie auf dem Desktop). Auf Smartphones kann man Matukio sonst gar nicht bedienen, deswegen ist es dort auf jedenfall erforderlich das Bild und den Text untereinander zu haben.

Viele Grüße

Yves

Ich bin wieder hartnäckig.
Ich verstehe deine Mitteilung. Grafik und Text untereinander sind für mich kein Problem und notwendig, aber:
Wenn ich eine Grafik von 30x35 px verwende, wird diese trotzdem auf die gesamte Fensterbreite erweitert (auch am PC!!!) und schaut so aus, als würde man im Photoshop mit Riesenzoom eine Pixelbearbeitung machen. Da "passiert" noch etwas anderes. Anbei zum ev. Testen.
lg
Helmut

Am PC? Hmm jetzt komm ich nicht mit - nur wenn du das Fenster klein ziehst (das es dann auf die vollen Pixel also z.b. 728px width kommt ist ja richtig so (das Bild ist auch responsive und geht immer auf 100% available width egal wie groß die Spalte ist, auch so gewollt ).

Viele Grüße

Yves

Okay nach 3x lesen hab ich es verstanden Ja wenn du ein kleines Bild verwendest wird dieses in die Länge gezogen, wie gesagt das Bild ist auch responsive und passt sich automatisch an.. Aber du hast recht sollte das auf die tatsächliche Breite limitieren (also das wenn das Bild kleiner als 720px width ist, dass es dann nicht gezogen wird).

Viele Grüße

Yves

Ja, ja, Österreich is a difficult market und sein Deutsch ist nicht leicht...
Setzt aber auch nicht den Text unter das Bild, sondern schneidet so ab:

lg Helmut

Danke für die Änderung in der Version 5.0.9, schaut jetzt gut aus!
lg
Helmut