Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. Hilfe beim einbau und der Anpassung vom Spotify view

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Hilfe beim einbau und der Anpassung vom Spotify view

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      R.G last edited by

      Re: [Vorlage] Spotify Skript

      Hallo liebes Forum,

      erstmal zu mir ich bin recht neu in der IoBroker geschichte und was Scripte angeht bin ich absolut noch nicht weit. Aber aktuell baue ich mir eine View über vis. das klappt alles soweit auch ganz gut nur bei Spotify und Sonos bin ich echt am verzweifeln.
      Ich bin auf die hier vorgestellten Views gestoßen und versuche aktuell diese bei mir einzubauen. leider klappt die Positionierung überhaupt gar nicht und die View möchte sich auch nicht so hübsch präsentieren.
      im Prinzip möchte ich lediglich eine View mit der ich meine Sonos Boxen zu einer Gruppe hinzufügen oder eben auch einzeln Steuern kann. Das ganze sollte dann möglichst auf meine Spotify Playlists zurück greifen. Der Spotify und der Sonos Adapter sind beide eingerichtet und funktionieren auch.
      Anbei zeige ich euch mal Bilder von dem aktuellen Experiment. Eventuell kann mir der ein oder andere von euch auf die Sprünge helfen wo mein Fehler liegt oder wie ich der Sache ein Stück näher komme.
      Schonmal Lieben dank im voraus!

      Screenshot (6).png

      Screenshot (5).png

      D 1 Reply Last reply Reply Quote 0
      • D
        dos1973 @R.G last edited by

        @BrOsBenner
        kannst du mal zeigen wie das VIS in der runtime aussieht.

        R 1 Reply Last reply Reply Quote 0
        • R
          R.G @dos1973 last edited by

          @dos1973 Screenshot (8).png

          D 1 Reply Last reply Reply Quote 0
          • D
            dos1973 @R.G last edited by

            @BrOsBenner
            das sieht doch gar nicht schlecht aus.
            du musst in der css Datei etwas rumprobieren, an den 500px.

            die ganzen Abstände und Farben/ alles kommt aus der css. am besten etwas übertrieben verändern und schauen wo es sich auswirkt, dann antasten bis es passt...

            .fixScroll > .vis-widget-body {
                position: absolute; /*Wichtig, muss absolute sein */
                width: 500px; /* hier deine Breite von deinem Widget */
                height: 500px; /* hier deine Höhe von deinem Widget */
            
            .fixScroll1 > .vis-widget-body {
                position: absolute; /*Wichtig, muss absolute sein */
                width: 550px; /* hier deine Breite von deinem Widget */
                height: 513px; /* hier deine Höhe von deinem Widget */
            

            mich wundert warum die unteren Buttons nicht korrekt dargestellt werden, die css werte sind verfügbar, ich meine das sind die Werte

            .button_style_spotify_btn
            und
            .button_style_spotify_btn_aktiv
            

            probiere mal aus, dann sehen wir weiter... 😉

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

            Support us

            ioBroker
            Community Adapters
            Donate

            646
            Online

            31.9k
            Users

            80.2k
            Topics

            1.3m
            Posts

            multimedia
            2
            4
            336
            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