End of Support for Joomla 3 - Forum closed

Javascript Off - canvas: ein Modul öffnen

  • chli
  • chli's Avatar Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

Javascript Off - canvas: ein Modul öffnen was created by chli

Posted 5 years 10 months ago #22549
Hallo,

ist es möglich mit dem Javascript Off -canvas ein Modul zu öffnen (der geöffnete Bereich beinhaltet dann ein Modul), welches als Position offcanvas hinterlegt hat. Alternativ: Alle Hinterlegungen mit der Position offcanvas werden angezeigt. Wenn ja, was muss dann als ID erfasst werden? = <a href="#?????" data-uk-offcanvas>...</a>

PS: Im mobilen Bereich ist dies ja möglich, es solle aber auch im Desktopbereich möglich sein.

Vielen Dank für feedbacks.
Last Edit:5 years 10 months ago by chli
Last edit: 5 years 10 months ago by chli.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Javascript Off - canvas: ein Modul öffnen

Posted 5 years 10 months ago #22554
Hallo, dass geht hier ist der markup. ( Bitte ohne Tiny Editor einfügen)

<!-- This is an anchor toggling the off-canvas sidebar -->
<a href="#my-id" data-uk-offcanvas>...</a>

<!-- This is a button toggling the off-canvas sidebar -->
<button class="uk-button" data-uk-offcanvas="{target:'#my-id'}">...</button>

<!-- This is the off-canvas sidebar -->
<div id="my-id" class="uk-offcanvas">
<div class="uk-offcanvas-bar">...</div>
</div>


getuikit.com/v2/docs/offcanvas.html

Please Log in or Create an account to join the conversation.

  • chli
  • chli's Avatar Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

Replied by chli on topic Javascript Off - canvas: ein Modul öffnen

Posted 5 years 10 months ago #22572
Hallo, das war leider nicht meine Ziel.
Mit dem von Ihnen genannten Code wird zwar offcanvas geöffnet, aber hier wird kein Modul angezeigt, das die Modulpsoition offcanvas hinterlegt hat. Dies ist nur bei der Mobile-Version so, bei der Desktop-Version wird nur der Inhalt angezeigt, der z.B. in my-id hinterlegt ist. In "my-id" kann aber z.B. kein loadmoduleid hinterlegt werden (?), da dies dann nur als Text ausgegeben wird.
Meine Anliegen war, wie bringe ich in das offcanvas für den großen Bildschirm ein Modul rein? Oder: Welchen Code muss ich nehmen, damit sowohl beim großen Bildschirm als auch im Mobile-Bereich die gleiche Anzeige im offcanvas angezeigt wird?
Hintergrund: Ich habe auf einer Modulpositionen eine Filterfunktion für den Website-Besucher. Diese sollte über offcanvas sowohl am großen Bildschrim als auch mobil aufrufbar sein.

Danke vorab für die Rückmeldung.
by chli

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Javascript Off - canvas: ein Modul öffnen

Posted 5 years 10 months ago #22580
Öffnen sie mal die Datei > layouts/theme.php und entfernen die css Klasse > uk-hidden-small
Nun sollte das mobile menu immer angezeigt werden

Attachment offcanvas-2-3-4-5-6-7.jpg not found

Please Log in or Create an account to join the conversation.

  • chli
  • chli's Avatar Topic Author
  • Visitor
  • Visitor
  • Thank you received: 0

Replied by chli on topic Javascript Off - canvas: ein Modul öffnen

Posted 5 years 9 months ago #22667
Hallo, das funktioniert gut so.
Ist es somit in ähnlicher Weise auch möglich z.B. die Modulposition sidebar a im mobilen Bereich auszuschalten? Also dass dann dieser Befehl " uk-visible-small" an der Einstellung von sidebar A hinzugefügt wird? Wenn ja, wo?
Und: Wie / wo kann man die Grafik für mobile Menue ändern (das Kästchen mit den Strichen drin)?
Grüße vom Christian
Last Edit:5 years 9 months ago by chli
Last edit: 5 years 9 months ago by chli.

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License