Seite 1 von 1
PopUp Problem
Verfasst: Fr 2. Dez 2022, 12:06
von 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.....
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 12:48
von 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.
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 13:01
von 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.
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 13:03
von 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
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 13:35
von scherenschlag
Habe ich gelöscht. Mache ich immer.
Trotzdem. Ich warte mal ein bissken.....
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 14:57
von 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"
Button-Code hat geschrieben:
<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>
Re: PopUp Problem
Verfasst: Fr 2. Dez 2022, 19:51
von 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
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 05:46
von 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
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 08:18
von 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
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 08:32
von 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:
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 11:21
von 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
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 11:38
von Tommy Herrmann
Moin,
hmm - komisch.
Versuche doch mal anstatt:
data-bs-dismiss="modal"
das so einzutragen:
data-dismiss="modal"
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 12:36
von scherenschlag
Habe ich gemacht. Ändert sich nichts.
Komisch irgendwie....
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 12:39
von 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.
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 13:34
von 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
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 14:55
von 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.
Re: PopUp Problem
Verfasst: Sa 3. Dez 2022, 16:34
von scherenschlag
Alles klar.....
Danke