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 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

                      473

                      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