PopUp Problem
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
PopUp Problem
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.....
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.....
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
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.
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.
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: PopUp Problem
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.
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.
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
... gerade am Smartphone musst Du den Browser-Cache löschen, damit eine neue CSS auch angezeigt wird.
Das geht über die "Einstellungen" am Zahnrad
Das geht über die "Einstellungen" am Zahnrad
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: PopUp Problem
Habe ich gelöscht. Mache ich immer.
Trotzdem. Ich warte mal ein bissken.....
Trotzdem. Ich warte mal ein bissken.....
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
... 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"
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
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
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
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
Moin Frank,
also ich habe bisher noch nie die Menüleiste von "Navik" ausprobiert.
Nur zur Info - auf Deiner Seite fehlt diese CSS-Datei:
Das
#mbr-popup-47
So einen Link solltest Du doch auch ganz einfach in jeder anderen Menüleiste als jener von Mobirise eintragen können
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>
Re: PopUp Problem
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
Das ist in Navik natürlich unbekannt
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>
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
... Du musst den gesamten Link, wie hier dargestgellt - mit den DATA Anweisungen, in
Ich habe also in Deiner
> "Leistungen" > "Ästhetische Dermatologie"
... also den Original-Link:
... geändert in:
Dann sieht das so, beim Klick auf das Untermenü "Ästhetische Dermatologie", aus:
Navikaufrufen - 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>
NavikMenü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>
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:
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: PopUp Problem
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
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
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
Moin,
hmm - komisch.
Versuche doch mal anstatt:
data-bs-dismiss="modal"
das so einzutragen:
data-dismiss="modal"
hmm - komisch.
Versuche doch mal anstatt:
data-bs-dismiss="modal"
das so einzutragen:
data-dismiss="modal"
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: PopUp Problem
Habe ich gemacht. Ändert sich nichts.
Komisch irgendwie....
Komisch irgendwie....
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
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.
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.
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Re: PopUp Problem
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
Habe mal das PopUp raus genommen und was neues eingebaut. Und darin per Text verlinkt. Klappt astrein.
https://www.gaststaette-zur-sonne.de
scherenschlag
MBR 5.9.17
MBR 5.9.17
- Tommy Herrmann
- Site Admin
- Beiträge: 5865
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: PopUp Problem
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
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
releasedVersion auf allen Seiten alles zerschossen wird. Ich kämpfe da gerade mit großen Problemen, da ich ja immer alle BETA-Versionen auch teste.
-
- Mitglied (Level 10)
- Beiträge: 257
- Registriert: Di 15. Dez 2020, 11:46
- Wohnort: Dortmund
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 150 Gäste