Willkommen auf dem TF-Infoportal Wiki.

Hier finden Sie alle Informationen über das TF-Infoportal, das Support-System OTRS und das Electures-Portal an der Technischen Fakultät.
Eine globale Navigation finden Sie im Menu links, zur Startseite geht es hier.

Responsive Tabellen erstellen

Tabellen sind bei der Darstellung auf mobilen Geräten immer eine Herausforderung und müssen speziell angepasst werden. Um eine möglichst unkomplizierte Handhabung zu ermöglichen, haben wir ein Interface anlegen lassen, das die Erstellung von Inhalten mit Tabellen erleichtert.

:!: ACHTUNG: Das Interface ist nur beim Neuanlegen einer Seite nutzbar. Ist schon eine Seite vorhanden, muss diese nach dieser Anleitung neu erstellt werden.:!:

Gehen Sie wie folgt vor:

  1. Navigieren Sie in Plone zu dem Ordner, in dem Sie eine Seite mit Tabelle erstellen möchten.
  2. Drücken Sie auf Hinzufügen …
  3. Wählen Sie Seite mit Tabelle aus
  4. Unter „Titel“, „Zusammenfassung“ und „Text vor der Tabelle“ und „Text nach der Tabelle“ gehen Sie wie gewohnt vor.
  5. Die neuen Funktionen finden Sie in diesem Bereich:
  6. Wählen Sie bei „Tabellenstile“ bitte Scrollbar aus, wenn die Tabelle auf dem Mobilgerät optisch erhalten bleiben soll. Wenn Sie Umbruch wählen wird die Tabelle auf Mobilgeräten umformatiert – dies kann auf Mobilgeräten, gerade bei großen Tabellen sehr vorteilhaft sein. Probieren Sie es am besten aus.
  7. Bei „Spalten“ können Sie neue Spalten hinzufügen, klicken Sie hier bitte auf Neue Spalte hinzufügen.
  8. Bitte tragen Sie unter „ID“ eine Kurzform von dem ein, was Sie unter „Überschrift“ eintragen (z.B. Eins, Zwei, Drei, …). „ID“ wird für den Nutzer später nicht zu sehen sein.
  9. Unter „Überschrift“ tragen Sie die Spaltenüberschrift ein.
  10. Unter „Beschreibung“ können Sie die Überschrift konkretisieren, wie eine Unterzeile.
  11. Bei „Typ“ sollten Sie i.d.R. „Textzeile“ wählen oder auf „Formatierten Text“ wechseln, falls Sie Links setzen möchten.
  12. „Konfiguration“ und „Extra Features“ können Sie ignorieren, diese werden i.d.R. nicht benötigt.
  13. Weitere Spalten fügen Sie dann wieder durch einen Klick auf Neue Spalte hinzufügen hinzu.
  14. Scrollen Sie nach unten und klicken Sie auf Speichern.
  15. Sie sehen nun die angelegte Seite. Um Zeilen mit Inhalt zu der Tabelle hinzuzufügen, klicken Sie nun bitte auf Tabelle bearbeiten.
  16. Tabelle bearbeiten
  17. Sie bekommen nun ein Fenster „Inhalt der Tabelle bearbeiten“:
  18. Klicken Sie hier bitte auf das + im schwarzen Kreis.
  19. Die einzelnen Spalten sind hier aufgeführt und können mit Inhalten befüllt werden.
  20. Wiederholen Sie diesen Prozess, bis Sie alle Zeilen hinzugefügt haben.
  21. Über das kleine Symbol links unter dem + im schwarzen Kreis lassen sich Zwischenüberschriften hinzufügen.
QR-Code
QR-Code tf-infoportal:dokumentation:tabellen (erstellt für aktuelle Seite)