PopUp Problem

[scherenschlag]

Moin.
Es geht mal wieder um diese Seite:
https://www.gaststaette-zur-sonne.de

Ich habe dort ein PopUp mit dem Hinweis auf die "Jahresende" Menüs eingebaut.
Problem 1:
Ich hätte gerne die beiden Buttons ein bisschen auseinander und gleich groß....
Problem 2:
Wenn ich die Sache veröffentliche und auf einen der beiden Buttons gehe, passiert gar nichts.
Beim lokalen publizieren springt es bei klick auf einen der Buttons auf das Menü.
Problem 3:
Das PopUp schliesst sich nicht nach dem "Sprung" zum Menü.
Das hatten wir aber schon mal.....

[Tommy Herrmann]

Moin,

lies mal meine Seite dazu:

https://www.mobirise-tutorials.com/Busi ... ilder.html

Dort steht u.a. auch wie man ein Popup schließt, nämlich mit der zusätzlichen Anweisung:

data-bs-dismiss="modal"

Lies mal hier über Bootstrap-Buttons:

https://getbootstrap.com/docs/5.0/components/buttons/

Die Breite eines Buttons richtet sich aber nach dem Inhalt. Da müsste ich selbst mal erst gucken.

Den Link hast Du jetzt auf beiden Buttons auf die Block id="Menues" gesetzt, was natürlich keinen Sinn macht. Dann brauchst Du auch nur einen Button "Menüs". Du könntest natürlich auch ganz gezielt auf die IDs im Akkordeon verlinken - also zur Gänsekeule dann z.B. auf die id="id="collapse1_40".

Den Abstand zwischen den Buttons kannst Du doch einfach mit einem "margin-right: 10px;" oder so bewirken. Du kannst Dir doch auch so einen Code einfach aus einem anderen Block heraus kopieren, da sollte doch dann schon alles passen.

[scherenschlag]

Alles klar.
Habe umgeswitcht.
Nur noch ein Button. Hasse recht......

Das mit dem schliessen mache ich auch noch.
Aber das mit dem klick beim Smartphone funzt immer noch nicht.
Da warte ich aber mal noch ein bisschen.
Hatte schön öfter das es ein bisschen (lange) dauert bis es klappt.
Erstmal danke.

[Tommy Herrmann]

... gerade am Smartphone musst Du den Browser-Cache löschen, damit eine neue CSS auch angezeigt wird.

Das geht über die "Einstellungen" am Zahnrad

[scherenschlag]

Habe ich gelöscht. Mache ich immer.
Trotzdem. Ich warte mal ein bissken.....

[Tommy Herrmann]

... dennoch - um am Button "Zu den Menüs" zu kommen, sollte sich ja nach dem Klick auch das Popup (Modal) schließen.

Dann schreibe doch mal im Code Editor noch diese Anweisung da mit ran, dann geht das auch:

data-bs-dismiss="modal"

<div class="mbr-section-btn"><a class="btn btn-md btn-warning display-4" href="index.html#Menues" data-bs-dismiss="modal">Zu den Menüs</a></div>

[stobi_de]

Ich kaper mal eben den Thread
Wie kann ich eigentlich ein Popup aus Navik ansteuern?

Ich habe hier eine Navik-Navi
https://www.fallprotectionengineering.eu/

Nun ist die Englische Übersetzung immer noch in Mache, da hatte ich zunächst vor, ein Popup "Comming soon" einzubauen. Aber so auf Anhieb hat es nicht geklappt, ist ja auch nicht wirklich wichtig.

Aber so prinzipiell würde ich es gerne wissen.

Frank

[Tommy Herrmann]

Moin Frank,

also ich habe bisher noch nie die Menüleiste von "Navik" ausprobiert.

Nur zur Info - auf Deiner Seite fehlt diese CSS-Datei:

Code: Alles auswählen

<link rel="stylesheet" href="navik/modules/fontawesome/css/fontawesome-all.min.css">

Das Popup (Bootstrap-Modal) wird doch mit einem einfachen Link auf seine automatisch von Mobirise vergebene ID aufgerufen, also z.B. so:

#mbr-popup-47

Code: Alles auswählen

<a href="#" class="text-primary" data-toggle="modal" data-bs-toggle="modal" data-target="#mbr-popup-47" data-bs-target="#mbr-popup-47">Popup</a>

So einen Link solltest Du doch auch ganz einfach in jeder anderen Menüleiste als jener von Mobirise eintragen können

[stobi_de]

Moin Tommy!

Das mit dem Fontawesome habe ich nie bemerkt.
Ist zwar drin, wird aber nicht benutzt.

Den Link kann ich so aus Navik nicht aufrufen.
Hier ist ja auch ein Popup drin
https://www.hautarztzentrum-gummersbach ... br-popup-4

Der Aufruf innerhalb von Mobi ist

Code: Alles auswählen

<a href="#" class="text-white" data-toggle="modal" data-bs-toggle="modal" data-target="#mbr-popup-4" data-bs-target="#mbr-popup-4">CORONA</a>

Das ist in Navik natürlich unbekannt

[Tommy Herrmann]

... Du musst den gesamten Link, wie hier dargestgellt - mit den DATA Anweisungen, in Navik aufrufen - nur die ID geht nicht:

Code: Alles auswählen

<a href="#" class="text-white" data-toggle="modal" data-bs-toggle="modal" 
data-target="#mbr-popup-4" data-bs-target="#mbr-popup-4">CORONA</a>

Ich habe also in Deiner Navik Menüleiste z.B. den 2. Link im Debugger geändert unter:

> "Leistungen" > "Ästhetische Dermatologie"

... also den Original-Link:

Code: Alles auswählen

<a class="mbr-black dropdown-item text-black text-primary display-4" 
href="aesthetik.php" aria-expanded="false">Ästhetische Dermatologie</a>

... geändert in:

Code: Alles auswählen

<a class="mbr-black dropdown-item text-black text-primary display-4" 
href="#" data-toggle="modal" data-bs-toggle="modal" data-target="#mbr-popup-4" 
data-bs-target="#mbr-popup-4" aria-expanded="false">Corona Hinweise</a>

Dann sieht das so, beim Klick auf das Untermenü "Ästhetische Dermatologie", aus:

[scherenschlag]

Moin.
Ich auch nochmal.
Soweit hat eigentlich fast alles geklappt. PC. Danke Tommy.
Nur: Wenn ich die Seite auf meinem Samsung Galaxy Flip3 aufrufe und dann per Button zu den Menüs springen möchte, funktioniert das nicht. Bei meiner Frau z.B. mit Ihren Samsung S21 funktioniert es.
Das ging bei mir gestern schon nicht. Aber ich habe mal eine Nacht drüber "geschlafen". Meistens geht es dann.
Diesmal nicht. Jemand eine Idee?

https://www.gaststaette-zur-sonne.de

[Tommy Herrmann]

Moin,

hmm - komisch.

Versuche doch mal anstatt:

data-bs-dismiss="modal"

das so einzutragen:

data-dismiss="modal"

[scherenschlag]

Habe ich gemacht. Ändert sich nichts.
Komisch irgendwie....

[Tommy Herrmann]

dann ist das ein Bug und die Smartphones wurden nicht berücksichtigt.

Spingt es denn am Smartphone ohne den Schließen-Befehl zum Link? Dann sollte man vielleicht lieber den Link in den Text setzen und den Button ganz weg machen.

[scherenschlag]

Ich glaube es liegt am PopUp.
Habe mal das PopUp raus genommen und was neues eingebaut. Und darin per Text verlinkt. Klappt astrein.

https://www.gaststaette-zur-sonne.de

[Tommy Herrmann]

Ja - das liegt auch am Popup - so ist es doch sowieso auch besser

Ich denke, es würde auch am Smartphone gehen, wenn man ein neues Fenster öffnet - aber das macht ja auf der gleichen Seite keinen Sinn, denn dann kommt am neuen Fenster gleich wieder ein Popup.

Mobirise hat aber gerade jede Menge Bugs was solche Sprung-Anker betrifft. Mit der neuesten BETA-Version haben sie es nun geschafft, diese Anker restlos zu zerstören.

viewtopic.php?p=8839#p8839

Man kann nur hoffen, dass das wieder rückgängig gemacht wird und nicht etwa mit der nächsten released Version auf allen Seiten alles zerschossen wird. Ich kämpfe da gerade mit großen Problemen, da ich ja immer alle BETA-Versionen auch teste.

[scherenschlag]

Alles klar.....
Danke