Eine gute Nachricht für alle...

In einer Zeit, in der mobile Endgeräte wie Tablets und/oder Smartphones eine immer grössere Bedeutung gewinnen und in einer Zeit, in der sogenannte "Mobile-Mods" in aller Regel immer nur einen Teil der Inhalte darstellen ist responsives Webdesign immer mehr in den Vordergrund gerückt. Nicht nur weil man den Traffic für mobile Geräte so gering wie möglich halten möchte sondern auch - im krassen Gegensatz dazu - die gesamte Webpräsenz auch auf mobilen Geräten möglichst nah am "Original" darstellen möchte.

Eines der grössten Probleme in Bezug auf PHP-Fusion und responsives Webdesign waren (und sind noch immer stellenweise) die Tabellen zb im Forum oder im Profil und in einigen anderen Bereichen, denen oft vor Allem feste Breiten zugewiesen sind.

Es gibt auch in der heutigen Zeit durchaus noch immer triftige Gründe für die Verwendung von Tabellen, etwa wenn man Daten geordnet und exakt ausgerichtet darstellen möchte. Auch wenn ich persönlich keinen triftigen Grund dafür erkenne, im Profil oder im Forum mit festen Werten zu arbeiten, ist es leider zumindest in der aktuellen V7 noch immer so gelöst.

Nun kann man hingehen und mit viel Fleiss und Arbeit das gesamte Forum und dessn Darstellung "umstricken", was aber sehr arbeitsintensiv und zeitaufwendig ist. Ein anderer möglicher Ansatz wären sogenannte "Grids", deren Framework aber auch erst einmal gebaut und angepasst werden muss.

Einfacher wäre doch ein "Mod", der Tabellen automatisch "umwandelt" und bei geringerer Bildbreite die Tabellen entsprechen kürzt und darstellt. Für das "Latest Active Forenthreads" Panel gibt es bereits ein entsprechend abgewandeltes Panel, aber das gilt nicht für alle tabellenbasierten Darstellungsbereiche von PHP-Fusion.

Ich war heute auf der Suche nach brauchbaren jQuery-Plugins und bin da auf etwas gestossen, was mit einfachsten Mitteln Abhilfe schafft:

Responsive Tables

Alles was man benötigt sind zwei "Kerndateien", die einfach entweder mit der Funktion "add_to_head", direkt in der header.php oder auch nur in der jeweiligen theme.php verlinkt werden müssen. Einmal eine *.js und einmal eine *.css - Datei.

Danach verpasst man im Grunde einfach nur den jeweiligen tables die entsprechende Klasse:
table class="responsive"

Den Rest erledigt das Script.

Wer mag und Zeit hat kanns ja gern mal testen...

Link zur Webseite und Download: Responsive Tables