Dropdown Menu - 1 Ebene auch als Link

[chrischnian]

Kann mir einer sagen ob das so standardmäßig geht?

Ich will das normale Dropdown Menu haben aber die erste Ebene soll auch zum klicken gehen. Geht das vom Standard oder doch lieber was selbst bauen?

[tab]

Öhm, ich dachte immer, das sei der Standard. Bisher kam eher die Frage, wie bekomme ich es hin, dass die 1. Ebene NICHT anklickbar ist, wenn es Unterseiten gibt.

[chrischnian]

@tab

öfters mal was neues

[chrischnian]

habe es nun so gelöst das ich eine weitere Ebene gemacht habe und die von der ersten eben umleiten (interne weiterleitung) lasse.

Aber dennoch wäre es interesant es noch anders zu haben.

[tab]

Irgendwie habe ich es wohl noch nicht verstanden. Welches Dropdown-Menü meinst du jetzt eigentlich? Das ganz normale Navigationsmodul, das mittels CSS und eventuell Javascript zu einem Dropdown wird - oder doch was anderes? Das ganz normale Navigationsmodul liefert ja von Haus aus alle li's aller Level mit einem Link aus, außer eben die aktive Seite. Und die kann man übers Template ja ganz einfach ebenfalls als Link ausgeben lassen.

[chrischnian]

Das Bootstrap Dopdown indem die 1te Ebene immer inaktiv ist und immer nur ab der 2ten Ebene als Link benutzbar ist.

[tab]

Au weia, mal wieder nicht geschaut welches Unterforum das hier ist, sorry Bootstrap...

[webstar]

Man müsste das Template so anpassen, wie unter http://stackoverflow.com/questions/1...able-in-navbar beschrieben.

[Doro]

Trau mich kaum zu fragen aber spricht eigentlich was dagegen, das Dropdown (wenn Kunde denn unbedingt das erste Level klickbar haben möchte) nicht mit den Bootstrapmodulen umzusetzen, sondern einfach das Contao nav_default zu nehmen?, diese in eine .row zu setzen und dann sein ganz übliches dropdown.css einzusetzen?
Logisch! dann fällt auch der von Bootstrap mitgebrachte Wechsel zur mobile Version in den mobilen Devices flach, aber das könnte man ja dann auch noch selbst realisieren. Oder gibt es ein Argument gegen eine solche Vorgehensweise die ich nicht sehe?
Grüße Doro

[chrischnian]

Nee spricht nichts dagegen

Gesendet von meinem A0001 mit Tapatalk

[Doro]

cool Danke

[Doro]

Vielleicht wäre dies auch eine Erweiterung zum Thema Dropdown per Hover
Das SmartMenus jQuery-Plugin ist Open-Source-Software unter der MIT-Lizenz (wie jQuery) lizenziert, ist kostenlos.
Es wird auch als Bootstrap add-on angeboten, ich guck mal ob / wie es sich einsetzen lässt
www.smartmenus.org

edit etwas später: leider verstehe ich nicht wie ich die Klassen class="sm sm-clean" dem ul im Template hinzufügen kann.

[webstar]

Vielleicht wäre dies auch eine Erweiterung zum Thema Dropdown per Hover
Das SmartMenus jQuery-Plugin ist Open-Source-Software unter der MIT-Lizenz (wie jQuery) lizenziert, ist kostenlos.
Es wird auch als Bootstrap add-on angeboten, ich guck mal ob / wie es sich einsetzen lässt
www.smartmenus.org

edit etwas später: leider verstehe ich nicht wie ich die Klassen class="sm sm-clean" dem ul im Template hinzufügen kann.

Wenn man weiß wie, geht es einfach. ;-) Einfach das Template nav_bootstrap_dropdown folgendermaßen ändern:

Vorher:

<ul <?php echo $helper->getListAttributes(); ?>>

Nachher:

<ul <?php echo $helper->getListAttributes()->addClass('sm sm-clean'); ?>>

Falls es nur für Level 1 gelten soll, sollte es so gehen:

<?php $listAttributes = $helper->getListAttributes();
if ($this->level === 'level_1'): $listAttributes->addClass('sm sm-clean'); endif; 
?>
<ul <?php echo $listAttributes; ?>>

[Doro]

super, herzlichen Dank
scheint aber noch nicht ausreichend zu sein denn in der Doku wird der Hinweis gegeben:

Note that the syntax is slightly different from Bootstrap's default code - e.g. no data-toggle="dropdown" attributes are used, etc.

mal schauen

[marcohe]

Hallo Doro,

wie hast du das nun gelöst? Stehe vor der gleichen Aufgabe > Level 1 klickbar und bei hover über Level 1 Dropdown anzeigen...

Gruß Marco

[Doro]

Hallo Marco,
ich hab es mit der üblichen Contao nav_default und nicht mit Bootstrap gelöst.

[Bennie]

Ich habe auch mal folgendes Bootstrap plugin genutzt
https://github.com/CWSpear/bootstrap-hover-dropdown

Ergänzug dazu:
Ich habe eben nochmal geschaut wie ich das gelöst hatte. Dieses Plugin macht ja zunächst etwas ganz anderes ,eben hover - anstatt click dropdown.
Lässt man aber data-toggle="dropdown" weg und setzt nur data-hover="dropdown" dann geht das.
Ist schon länger her, aber ich meine mich zu erinnern dass das noch störende Nebeneffekte hatte , nehme an mit der mobilen Navigationsansicht.
Einfach mal testen
Ich hatte es dann letztendlich auf Kundenwunsch wieder auf Standard umgestellt, weil der es verwirrend fand, dass der erste Level nun klickbar ist - so hat jeder eine andere Vorliebe ;-)

Der Tipp war nicht wirklich gut, da ich nicht die Bootstrap Erweiterung (sondern ein angepasstes nav_default) nutze was in meinem Fall dazu führt , dass die Links des Level_1 nicht # im href stehen haben, dann ist es natürlich leicht das zu ändern.
Sorry nochmal , aber vielleicht regt es ja an zu weiteren Ideen

[marcohe]

Habe nun die "original" navbar so wie sie ist eingesetzt. Sie Seiten unter level1 dropdown werde ich von der Startseite aus verlinken.

Ansonsten bin ich mittlerweile echt begeistert von bootstrap > wenn man mal die bootstrap klassen weis und die individualität egal ist braucht man so gut wie kein eigenes css :-)

[jogiwebster]

Hallo, ich möchte das Thema noch mal aufgreifen.
Ich nutze Contao 4.9 mit contao-bootstrap.
>> "Navigationsmenü" mit Template "nav_navbar"
>> "Navigationsmenü" wird in "Navigationsmenü (Bootstrap)" mit Template "mod_bs_navbar_container" geladen
Soweit alles ok.

Nun ist der Link in level_1 aber nicht anklickbar, soll er aber sein.

<a class="nav-link dropdown-toggle" href="link.html" itemprop="url" title="Titel" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span itemprop="name">Linkname</span></a>

Wenn man " data-toggle="dropdown"" rausnimmt, funktioniert es wie gewünscht (im Editor manuel getestet).
Ich tue mich aber schwer das Template so anzupassen, dass es eben so ausgegeben wird.
Kann mir da jemand etwas helfen, wo ich was ändern muss?
Oder gibt es noch einen eleganteren bzw. einfacheren Weg die erste Ebene anklickbar zu machen?
Danke!

[jogiwebster]

Sehe ich es richtig, dass das in der "bs_tab_nav.html5" geändert werden kann?
Ich habe es sowohl in einer eigenen Templatekopie, als auch im Original geändert, aber das "data-toggle="dropdown" " verschwindet im Frontend leider nicht.
Was mache ich falsch?