Forms & Content Types
Wechseln Sie nun bitte zum Tab "Forms & Content Types" und klicken oben beherzt auf "Neu". Unter Skeleton wählen Sie bitte "Portfolio" aus. Hätten Sie im App Folder bei Features nicht "Yes" angekreuzt, könnten Sie das hier nun auch nicht auswählen. Danach drücken Sie den Button "Create Form & Content Type". Warten Sie ein, zwei Sekunden und es baut sich eine Menge Bildschirm auf.
Hier nun werden die verschiedenen Ansichten, die Formulare, wie sie im Browser sichtbar sind, zusammengebaut. Oben werden die Views nach Admin Form, Site Form, Intro und Content unterschieden, zu denen jeweils sehr unterschiedliche und auch eine Vielzahl jeweils eingestellt werden kann. Daneben gibt es noch verschiedene Options für jede Sicht einzustellen und darunter schließlich werden die Felder zu den verschiedenen Views zugeordnet.
Auf den ersten Blick sieht das alles sehr verwirrend aus, aber bringen wir ein wenig Licht in die Katakomben.
Wählen wir zuerst die Admin Form. Also der Form, in der wir im Backend Daten eingeben können.
Ganz oben haben Sie ein Icon Namens "Positions". Die spiegeln die Auswahlbereiche unten wider. Also "#MAINBODY", #BOTTOMBODY", etc. Diese Positionen beziehen sich nicht auf Ihr installiertes und aktiviertes Joomla-Template, sondern betrifft ausschließlich den Contentbereich. Das Formular über das Sie Daten eingeben, bzw. im Frontend anzeigen.
Zur Erinnerung: Geben Sie einen Beitrag in Joomla ein, haben Sie über ca. zwei Drittel u.a. den Wysiwyg-Editor und rechts eine Spalte mit den Optionen. Das ist die Anordnung eines Formulars. Und diese Anordnung können Sie nun frei gestalten.
Ich habe mich in meinem Beispiel dafür entschieden, in der oberen Reihe die Felder "Projektname", das "Jahr" und die "Kategorie" nebeneinander anzeigen zu lassen, in dem ich sie jeweils den Positionen "#TOP-A", "#TOP-B" und "#TOP-C" zugeordnet habe.
Die Zuordnung können Sie auf verschiedenen Arten machen:
- Sie können eines der Felder rechts markieren und mit dem Pfeil nach links oder umgekehrt verschieben und so auch die Reihenfolge verändern.
- Halten Sie die Strg-Taste fest, können Sie mehrere Felder gleichzeitig auswählen.
- Wenn Sie in einer Position ganz rechts den kleinen Radiobutton markieren - also einen blauen Punkt dort setzen - dann schieben Sie die Felder rechts an die so ausgewählte Position mit dem Pfeilbutton.
- Jedes Feld hat auch einen Pfeil, womit Sie die Felder auch einzeln direkt verschieben können.
- Sie können die einzelnen Felder aber auch an dem geriffelten Bereich mit der Maus "anfassen" und so mittels Drag and Drop bewegen.
So können Sie eine Eingabemaske erstellen.
Wenn Sie das Bild-Feld einfügen möchten, wählen Sie das Feld mit dem Field X aus. Das beinhaltet automatisch das Upload-Feld.
So können Sie das nun für die anderen Ansichten jeweils wiederholen. Site Form ist die Eingabemaske im Frontend, wenn Sie entsprechende Berechtigungen zum Direkteingeben haben. Intro ist der Überblick und Content der Gesamtblick. Hier meine Content-Maske:
Eine Kleinigkeit brauchen wir noch, damit das mit der Lightbox einwandfrei funktioniert. Denn leider reicht die Einstellung, die wir im Image-Field gemacht haben nicht aus. Dazu wählen Sie rechts die Nummer "3" aus und dann in der Spalte "Typographie" (steht ganz oben im ersten dunkelblauen Bereich (im Beispiel ist das "#MAINBODY")) "Image" bei unseren Projektbildern aus. Danach erscheint rechts daneben ein kleines "+" auf das Sie bitte klicken.
In dem dann erscheinen Fenster stellen Sie ein, welche Bilder in der Lightbox/Modal Box angezeigt werden.
Sie können in diesem Seblod-Bereich noch eine Unmenge toller Dinge tun. Aber für ein Einführungstutorial muss es hier reichen, da es sonst den Rahmen sprengt.