Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] Carousel-Widget als Navigation nutzbar?

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    [gelöst] Carousel-Widget als Navigation nutzbar?

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      Marco.K last edited by

      Hallo zusammen!

      Ich bin gerade dabei meine ersten Schritte mit ioBroker zu machen, ein geniales Stück Software!

      Ich bin gerade dabei die Navigation für mein Projekt zu erstellen.

      Im Bild der aktuellen View seht ihr in der Mitte ein Carousel-Wdget mit Bildern (Planeten). Jeder Planet soll eine andere View symbolisieren.

      Wie bekomme ich nun zusätzlich zu den Bildern einen Navigationsbutton ohne das der Button als eigenes Objekt im Carousel auftaucht? (Gruppieren, wie?)

      Wenn ich auf einen Navigationsbutton im Carousel klicke, wird nicht zu der View gewechselt. Geht das überhaupt?

      Ich hoffe ihr habt ein paar Ideen für mich.

      4105_screenshot-2017-11-12_vis.png

      1 Reply Last reply Reply Quote 0
      • eric2905
        eric2905 last edited by

        Du hast ja eine View mit den Planeten.

        Lege in dieser View jeweils einen Nav-Button ohne Bild und höherem z-Index über jeden der Planeten und gruppiere den Planeten mit dem jeweiligen Nav-Button (beide markieren und dann rechte Maustaste).

        Das Carousel nimmt jedes einzelne Objekt als Carousel-Item - und eine Gruppe ist ein einzelnes Objekt.

        Gruß,

        Eric

        Von unterwegs getippert

        1 Reply Last reply Reply Quote 0
        • M
          Marco.K last edited by

          Wow das ging fix, danke.

          Problem 1 gelöst.

          Bleibt noch das Problem das sich die verlinkte View nicht öffnet wenn ich im Carousel-Widget auf den button klicke.

          In der eigentlichen View mit den Planeten funktioniert der Button.

          Update:

          Die Nav-Buttons versagen iheren Dienst nachdem das Carousel gedreht wurde.

          Wenn es nicht gedreht wird, funktioniert zumindest der Nav-Button des Objekts was zu Anfang im Fokus des Carousel-Widgets liegt.

          Update 2:

          Warum auch immer jetzt funktionieren plötzlich 8 von 9 Buttons.

          1 Reply Last reply Reply Quote 0
          • eric2905
            eric2905 last edited by

            @Marco.K:

            Update 2:

            Warum auch immer jetzt funktionieren plötzlich 8 von 9 Buttons. `
            Kontrolliere mal bitet den z-Index der Objekte.

            Der Button muss den höchsten z-Index aller Objekt haben, die in einer Gruppe sind.

            Gruß,

            Eric

            1 Reply Last reply Reply Quote 0
            • M
              Marco.K last edited by

              Der Button in der Gruppe hat jeweils den höchsten Index.

              Mir scheint das ein Fehler im Carousel-Widget zu sein, den im View selbst funktionieren alle Buttons.

              Ich habe in dem View mit den Planeten ein weiteres dummy-Widget (basic - HTML) eingefügt, dann funktioniert auch der 9. Button. Entferne ich das Dummy-Widget wieder funktioniert der Knopf nicht mehr.

              Kurz gesagt: Der Button mit der höchsten ID im View, auf dem das Carousel-Widget verlinkt funktioniert nicht.

              1 Reply Last reply Reply Quote 0
              • First post
                Last post

              Support us

              ioBroker
              Community Adapters
              Donate

              815
              Online

              32.1k
              Users

              80.6k
              Topics

              1.3m
              Posts

              2
              5
              2038
              Loading More Posts
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes
              Reply
              • Reply as topic
              Log in to reply
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
              The ioBroker Community 2014-2023
              logo