Sie sind hier: Startseite Anleitungen & Links Anleitungen Spaltenlayout einfügen

Spaltenlayout einfügen

Das in der neuen eCampus-Version eingeführte Spaltenlayout macht es relativ einfach, ein mehrspaltiges Kurslayout für die eCampus-Kursobjekte zu implementieren, um wichtige Informationen hervorzuheben oder das Erscheinungsbild der Kurse zu individualisieren.

Bei der Erstellung eines neuen Spaltenlayouts müssen einige Details berücksichtigt werden, um die Responsivität der Kursseite zu gewährleisten, anschließend kann die Seite aber wie gewohnt gestaltet werden.

layout_03.png

Anlegen eines neuen Spaltenlayouts

Zunächst muss im Reiter Inhalt des eCampus-Kurses Seite gestalten und dann für einen freien Platzhalter Spaltenlayout einfügen ausgewählt werden.

layout_04.png

Vorgabe der Spaltenbreite

Anschließend müssen einige Parameter für das neue Spaltenlayout definiert werden: Die Anzahl der Spalten sowie die Breite der Spalten für verschiedene Plattformen.

layout_05.png

Die Festlegung der Breite erfolgt in Abhängigkeit von der Displaygröße. Bei der Erstellung eines neuen Spaltenlayouts müssen Vorgaben für diese definiert werden. 12/12 entsprechen dabei 100%, also der gesamten Breite des Kursbereiches.

Wird der Kurs auf einem Smartphone aufgerufen, sollte eine Spalte die ganze Breite (12/12) einnehmen, damit der Inhalt korrekt dargestellt werden kann. Auf Tablets können 2-3 Spalten (pro Spalte 6/12 bzw. 4/12) nebeneinander dargestellt werden, auf Desktops bis zu 4 (3/12 pro Spalte) etc.

Artikelaktionen