Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS - Popup mit dynamischer Größe

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.1k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

VIS - Popup mit dynamischer Größe

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
12 Beiträge 5 Kommentatoren 1.4k Aufrufe 5 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • H hmanfred

    Ich nutze in meinen VIS-Views oft PopUps: ich tippe im View auf einen Button und (für definierte zeit) wird mir ein Popup mit entsprechenden Infos angezeigt.

    Beispiele dafür sind Spritpreise, kalendereinträge, Wetterwarnungen etc.

    Der Aufruf geschieht mit dem Widget "jqui - container - HTML - view in jqui Dialog". Damit wird ein View eingeblendet, in dem die jeweilige Info liegt.

    Im Widget wird die Größe und Position des PopUps angegeben, die natürlich mit der Größe des aufzurufenden Views korrespondieren muss.

    Manchmal der Umfang der Inhalte sehr unterschiedlich. in einer Woche stehen z.B. 10 Termine an, in einer anderen nur einer. Deshalb suche ich nach einer Möglichkeit, die Größe des PopUps dynamisch zu gestalten - je nach Umfang des Inhalts.

    Das ganze dürfte auch gerne mit einem ganz anderen Lösungsansatz sein, als oben beschrieben.

    Habt ihr da einen Tipp?

    Gruß
    Manfred

    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #2

    @hmanfred sagte in VIS - Popup mit dynamischer Größe:

    die Größe des PopUps dynamisch zu gestalten

    Du meinst so eine Art Responsives Design......Geht das nicht mit dem Material Design?

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    1 Antwort Letzte Antwort
    0
    • H Offline
      H Offline
      hmanfred
      schrieb am zuletzt editiert von
      #3

      Danke für den Link.:relaxed:

      Aber ehrlich gesagt erschlägt mich das förmlich. :open_mouth:

      Ich hatte eher auf sowas wie "nimm einfach das xxx-Widget und baue das in yyy ein..." gehofft.

      1 Antwort Letzte Antwort
      0
      • H Offline
        H Offline
        hmanfred
        schrieb am zuletzt editiert von hmanfred
        #4

        Um es noch mal optisch zu veranschaulichen:
        Zwischenablage01.jpg

        Und dieses PopUp-Fenster soll eben iealerweise dynamisch so groß sein, dass der Inhalt gerade so reinpasst.

        sigi234S 1 Antwort Letzte Antwort
        0
        • H hmanfred

          Um es noch mal optisch zu veranschaulichen:
          Zwischenablage01.jpg

          Und dieses PopUp-Fenster soll eben iealerweise dynamisch so groß sein, dass der Inhalt gerade so reinpasst.

          sigi234S Online
          sigi234S Online
          sigi234
          Forum Testing Most Active
          schrieb am zuletzt editiert von
          #5

          @hmanfred

          Kannst du ja unter Dialogbreit und Höhe einstellen.........

          Screenshot (2697).png

          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
          Immer Daten sichern!

          H 1 Antwort Letzte Antwort
          0
          • sigi234S sigi234

            @hmanfred

            Kannst du ja unter Dialogbreit und Höhe einstellen.........

            Screenshot (2697).png

            H Offline
            H Offline
            hmanfred
            schrieb am zuletzt editiert von
            #6

            @sigi234 sagte in VIS - Popup mit dynamischer Größe:

            @hmanfred

            Kannst du ja unter Dialogbreit und Höhe einstellen.........

            Screenshot (2697).png

            Un das verstellt sich dann von alleine, wenn der Inhalt größer/kleiner wird?

            "Dynamisch"

            T 1 Antwort Letzte Antwort
            0
            • H hmanfred

              @sigi234 sagte in VIS - Popup mit dynamischer Größe:

              @hmanfred

              Kannst du ja unter Dialogbreit und Höhe einstellen.........

              Screenshot (2697).png

              Un das verstellt sich dann von alleine, wenn der Inhalt größer/kleiner wird?

              "Dynamisch"

              T Offline
              T Offline
              tempestas
              schrieb am zuletzt editiert von
              #7

              @hmanfred

              nein

              <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

              1 Antwort Letzte Antwort
              0
              • UhulaU Offline
                UhulaU Offline
                Uhula
                schrieb am zuletzt editiert von
                #8

                Die Größenangaben, die das könnten "auto" funktionieren nur, wenn die innenliegenden Elemente statisch sind. Das sind die Views, die im Dialog angezeigt werden, aber nicht. Das bekommst du ohne eigenes Javascript nicht hin.

                Einige dich mit dir selbst darauf, dass eine automatische Größenanpassung nicht toll ist und platziere die Dialoge stattdessen immer in der gleichen Größe an der gleichen Position. Hat auch den Vorteil, dass die Augen den Screen nicht scannen müssen. ;-)

                Beispiel: Top:10% Left:69% Width:30% Height:700px

                (Bei Height geht die %-Angabe leider nicht)

                Uhula - Leise und Weise
                Ex: ioBroker on Gigabyte NUC Proxmox

                H 1 Antwort Letzte Antwort
                0
                • UhulaU Uhula

                  Die Größenangaben, die das könnten "auto" funktionieren nur, wenn die innenliegenden Elemente statisch sind. Das sind die Views, die im Dialog angezeigt werden, aber nicht. Das bekommst du ohne eigenes Javascript nicht hin.

                  Einige dich mit dir selbst darauf, dass eine automatische Größenanpassung nicht toll ist und platziere die Dialoge stattdessen immer in der gleichen Größe an der gleichen Position. Hat auch den Vorteil, dass die Augen den Screen nicht scannen müssen. ;-)

                  Beispiel: Top:10% Left:69% Width:30% Height:700px

                  (Bei Height geht die %-Angabe leider nicht)

                  H Offline
                  H Offline
                  hmanfred
                  schrieb am zuletzt editiert von
                  #9

                  @Uhula
                  Danke. Ich wusste bis jetzt nicht mal, dass diese Angaben in % möglich sind. :open_mouth:

                  1 Antwort Letzte Antwort
                  0
                  • A Offline
                    A Offline
                    aleks-83
                    schrieb am zuletzt editiert von
                    #10

                    Ähm, man kann dann die Position des PopUps anpassen?
                    Denn meine Popups liegen immer zum Teil außerhalb des Sichtbereiches.
                    Keine Ahnung warum.
                    Wo gebe ich denn dann die %-Werte ein?

                    Ich habe bisher nur Felder gefunden um die Größe des Popups anzugeben.

                    = Dell Optiplex Micro - 10GB RAM - 200GB SSD - Debian VM =
                    = Node.js v20.19.6 = NPM 10.8.2 = JS Controller 7.0.7 =

                    Ubiquiti UAP-AC-LR - UAP-AC-Lite - Synology DS716+II - Fritz!Box 7490
                    Glasfaser 400

                    sigi234S 1 Antwort Letzte Antwort
                    0
                    • A aleks-83

                      Ähm, man kann dann die Position des PopUps anpassen?
                      Denn meine Popups liegen immer zum Teil außerhalb des Sichtbereiches.
                      Keine Ahnung warum.
                      Wo gebe ich denn dann die %-Werte ein?

                      Ich habe bisher nur Felder gefunden um die Größe des Popups anzugeben.

                      sigi234S Online
                      sigi234S Online
                      sigi234
                      Forum Testing Most Active
                      schrieb am zuletzt editiert von sigi234
                      #11

                      @aleks-83 sagte in VIS - Popup mit dynamischer Größe:

                      Ich habe bisher nur Felder gefunden um die Größe des Popups anzugeben.

                      Dialog-
                      Position oben - 150px
                      Position links - 150px

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                      Immer Daten sichern!

                      A 1 Antwort Letzte Antwort
                      1
                      • sigi234S sigi234

                        @aleks-83 sagte in VIS - Popup mit dynamischer Größe:

                        Ich habe bisher nur Felder gefunden um die Größe des Popups anzugeben.

                        Dialog-
                        Position oben - 150px
                        Position links - 150px

                        A Offline
                        A Offline
                        aleks-83
                        schrieb am zuletzt editiert von aleks-83
                        #12

                        @sigi234
                        Oops, gerade gesehen dass ich das metro Popup Widget genommen habe :face_with_rolling_eyes:

                        = Dell Optiplex Micro - 10GB RAM - 200GB SSD - Debian VM =
                        = Node.js v20.19.6 = NPM 10.8.2 = JS Controller 7.0.7 =

                        Ubiquiti UAP-AC-LR - UAP-AC-Lite - Synology DS716+II - Fritz!Box 7490
                        Glasfaser 400

                        1 Antwort Letzte Antwort
                        0
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        597

                        Online

                        32.7k

                        Benutzer

                        82.4k

                        Themen

                        1.3m

                        Beiträge
                        Community
                        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                        ioBroker Community 2014-2025
                        logo
                        • Anmelden

                        • Du hast noch kein Konto? Registrieren

                        • Anmelden oder registrieren, um zu suchen
                        • Erster Beitrag
                          Letzter Beitrag
                        0
                        • Home
                        • Aktuell
                        • Tags
                        • Ungelesen 0
                        • Kategorien
                        • Unreplied
                        • Beliebt
                        • GitHub
                        • Docu
                        • Hilfe