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
Navigation mit rows und offset
-
- webEdition Partner
- Beiträge: 1825
- Registriert: Di 7. Mär 2006, 16:50
- Wohnort: Wien
- Kontaktdaten:
Re: Navigation mit rows und offset
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:
Um das zu erreichen, sehe ich folgende Möglichkeiten:
HTH,
Sascha
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
- 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.
- 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.
- 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).
HTH,
Sascha
Re: Navigation mit rows und offset
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:
Deshalb würde ich es gern in Spalten aufteilen und soetwas ausgeben können:
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?
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
...
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
Re: Navigation mit rows und offset
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.
https://developer.mozilla.org/en-US/do ... Flex_Items
Damit sollte sich das recht einfach realisieren lassen.
Re: Navigation mit rows und offset
Ja, funktioniert natürlich mit css flexbox:
Manchmal hat man ein Brett vorm Kopf
Danke, Sascha und Nils und schönes Wochenende!
Code: Alles auswählen
.box {
height: 300px;
display: flex;
flex-direction: column;
flex-wrap: wrap;}
.box>* {
flex: 1 1 20px;
}
Danke, Sascha und Nils und schönes Wochenende!
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 67 Gäste