panel swipe open - Raummenü auf Mobilgeräten mit einem Wisch einblenden

[Yfkt5A]

Hallo zusammen,

auf unseren Mobilgeräten haben wir immer das Problem das das Raummenü ausgeblendet wird, daher würde ich gerne mit einem Wisch von links in den Bildschirm hinein das Menü einblenden.

Über Google habe ich swipe left or right gefunden, auf der Seite kann ich mit meinem Mobiltelefon per Wisch die Seitenleiste einblenden.

Nur jetzt die Frage wie und wo muss man bei der smartVISU genau Hand anlegen damit dies auch so funktioniert?

[smai]

Als Ansatz müsste folgender Code, z.B. im rooms.html deiner Pages eingefügt, funktionieren.
Es braucht dann sicher noch etwas CSS, damit die Darstellung sauber ist.

{% block head %}
<script type="text/javascript" language="javascript">
$(window).on("swipe", function() { $(".secondary").toggle() })
</script>

<style type="text/css">
.base .secondary { display: hidden; }
</style>
{% endblock %}

[Yfkt5A]

Super danke... es funktioniert...

Hab deinen Code einfach in die index.html eingefügt und folgendes in die visu.css:

@media only screen and (max-device-width: 480px) {
.base .primary {
    float: right;
    margin-right: 1%;
    padding-right: 1%;
    width: 100%;
}

.base .secondary {
    position:absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    text-align: left;
    width: 90%;
    }

[Yfkt5A]

Ist das immer noch in Ordnung das so zu lösen?

[wvhn]

Es spricht aus meiner Sicht nichts dagegen. Probier es mal aus.

Gruß
Wolfram