Navigation mit rows und offset

Fragen zum Erstellen von Templates für webEdition.
r_kempf
Senior Member
Beiträge: 214
Registriert: Do 14. Apr 2016, 13:27

Navigation mit rows und offset

Beitragvon r_kempf » Mi 9. Feb 2022, 18:14

Hallo Community,
besteht die Möglichkeit eine Navigation bei der Ausgabe der Einträge in mehreren Spalten aufzuteilen? Bei einer Listview gibt es hierzu ja die Attribute "rows" und "offset", um das zu steuern. Wie löst man das mit we:navigationentry?
Ich habe eine Navi mit vier Hauptordnern und diversen Einträgen (folder) je Ordner:

- Hauptordner 1
- Folder 1
- Folder 2
- Folder 3
- Folder 4
- Folder 5
- Folder 6
- ...

Ich möchte die Navi in einem Megamenü ausgeben und hierbei die Einträge je Hauptordner in verschiedenen Spalten ausgeben.
Hat jemand das schon mal gemacht oder einen Lösungsansatz für mich?
Danke im voraus.
LG Regina

WBTMagnum
webEdition Partner
webEdition Partner
Beiträge: 1825
Registriert: Di 7. Mär 2006, 16:50
Wohnort: Wien
Kontaktdaten:

Re: Navigation mit rows und offset

Beitragvon WBTMagnum » Mi 9. Feb 2022, 21:12

Hallo Regina,

Bei <we:navigationEntry/> hast du das Attribut "position". Damit bis du halt nicht so flexibel.

Wenn ich deine Anforderung richtig verstehe, willst du folgendes ausgeben können:

Code: Alles auswählen

 **HAUPTMENÜ 1**  |  HAUPTMENÜ 2  |  HAUPTMENÜ 3  |  HAUPTMENÜ 4  
-----------------------------------------------------------------
 * Submenü 1.1       * Submenü 1.4       * Submenü 1.6
 * Submenü 1.2       * Submenü 1.5       * Submenü 1.7
 * Submenü 1.3
Um das zu erreichen, sehe ich folgende Möglichkeiten:
  1. Per CSS die notwendige Anzahl an Spalten erlauben. Die Spalten werden dann automatisch aufgeteilt bzw. gefüllt. Der Umbruch kann aber nicht wirklich beeinflusst werden.
  2. Mit den Navigationseinträgen zusätzlich class-Attribute befüllen, die die Spalten steuern. Das ist besser steuerbar, hat aber den Nachteil, dass man daran denken muss.
  3. Eine zusätzliche Navigationsebene für die Spalten einführen. Die wird dann in der Ausgabe nur für die Erstellung der Spalten verwendet. Das gibt hohe Flexibilität und macht die Spalten dann auch im Navigationstool sichtbar. Ein kleiner Nachteil ist natürlich, dass man die Spaltenebene in der Ausgabe ggf. ausblenden muss (z.B. in der Sitemap).
Ev. passt ja einer der Ansätze zu deinen Anforderungen.

HTH,
Sascha

r_kempf
Senior Member
Beiträge: 214
Registriert: Do 14. Apr 2016, 13:27

Re: Navigation mit rows und offset

Beitragvon r_kempf » Fr 11. Feb 2022, 16:23

Nein, es ist eigentlich ganz simpel: Ich habe in der Navi für jeden Hautpunkt einen Folder mit ziemlich vielen Einträgen, die auf entsprechende Unterseiten verlinken. Bei einem dropdown-Menü entsteht da bei mehr als 20 Einträgen ein ziemlich unschöner, langer Flatschen:

Code: Alles auswählen

Kategorie
-----------
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15
Item 16
Item 17
Item 18
Item 19
Item 20
...
Deshalb würde ich es gern in Spalten aufteilen und soetwas ausgeben können:

Code: Alles auswählen

Kategorie
-----------
Item 1	Item 6	Item 11
Item 2	Item 7	Item 12
Item 3	Item 8	Item 13
Item 4	Item 9	Item 14
Item 5	Item 10	Item 15
Scheint so, als ob das mit den derzeitgen Navi-Tags nicht möglich ist, denn dann müsste man "rows" und "offset" wie bei einer listview zur Verfügung haben. Oder habe ich etwas übersehen?

NilSole
Senior Member
Beiträge: 303
Registriert: Mi 27. Mär 2019, 15:28

Re: Navigation mit rows und offset

Beitragvon NilSole » Fr 11. Feb 2022, 20:43

Eventuell kannst du das zum Beispiel auch mit flex css erreichen, wie hier vorgestellt.

https://developer.mozilla.org/en-US/do ... Flex_Items

Damit sollte sich das recht einfach realisieren lassen.

r_kempf
Senior Member
Beiträge: 214
Registriert: Do 14. Apr 2016, 13:27

Re: Navigation mit rows und offset

Beitragvon r_kempf » Sa 12. Feb 2022, 16:13

Ja, funktioniert natürlich mit css flexbox:

Code: Alles auswählen

.box {
height: 300px;
display: flex;
flex-direction: column;
flex-wrap: wrap;}
.box>* {
flex: 1 1 20px;
}
Manchmal hat man ein Brett vorm Kopf ;-)
Danke, Sascha und Nils und schönes Wochenende!


Zurück zu „webEdition Templates erstellen (we:Tags)“

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot], Google [Bot] und 0 Gäste