Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. vis Keyboard Position

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

vis Keyboard Position

Scheduled Pinned Locked Moved Visualisierung
7 Posts 3 Posters 541 Views 3 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • draexlerD Do not disturb
    draexlerD Do not disturb
    draexler
    wrote on last edited by
    #1

    Hallo Zusammen,

    ich würde gerne in der VIS die Position des "VIS Keyboard Widget" verändern.
    Einstellen kann man die Postion nicht.
    Deswegen muss ich vermutlich mit CSS etwas tricksen.
    Bekomme es aber nicht.

    Kann mir jemand sagen was ich wo eintragen muss damit es funktioniert?
    Ich hätte jetzt mal gesagt das ich mir die Klasse verwende. Diese hat aber Leerzeichen, deswegen kann ich sie in den Zentralen CSS Einstellungen nicht verwenden. Dort wird sie mir rot angezeigt.

    Hier mal die Infos in einen Screenshot

    Bildschirmfoto 2023-12-16 um 12.19.17.png

    CodierknechtC 1 Reply Last reply
    0
    • draexlerD draexler

      Hallo Zusammen,

      ich würde gerne in der VIS die Position des "VIS Keyboard Widget" verändern.
      Einstellen kann man die Postion nicht.
      Deswegen muss ich vermutlich mit CSS etwas tricksen.
      Bekomme es aber nicht.

      Kann mir jemand sagen was ich wo eintragen muss damit es funktioniert?
      Ich hätte jetzt mal gesagt das ich mir die Klasse verwende. Diese hat aber Leerzeichen, deswegen kann ich sie in den Zentralen CSS Einstellungen nicht verwenden. Dort wird sie mir rot angezeigt.

      Hier mal die Infos in einen Screenshot

      Bildschirmfoto 2023-12-16 um 12.19.17.png

      CodierknechtC Offline
      CodierknechtC Offline
      Codierknecht
      Developer Most Active
      wrote on last edited by Codierknecht
      #2

      @draexler sagte in vis Keyboard Position:

      Diese hat aber Leerzeichen

      Ein Klassenname darf per Definition keine Leerzeichen enthalten.
      Mit Leerzeichen werden mehrere Klassen an einem Element getrennt.

      Ich kann's hier nicht ausprobieren, aber ich würde mal versuchen, der Klasse ui-keyboard die entsprechenden Eigenschaften mit !important mitzugeben.
      Bin mir aber gerade nicht sicher, ob das über den hart verdrahteten element-style überhaupt zieht.

      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

      Proxmox 8.2.4 LXC|8 GB|Core i7-6700
      HmIP|ZigBee|Tasmota|Unifi + dies & das
      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

      draexlerD 1 Reply Last reply
      1
      • CodierknechtC Codierknecht

        @draexler sagte in vis Keyboard Position:

        Diese hat aber Leerzeichen

        Ein Klassenname darf per Definition keine Leerzeichen enthalten.
        Mit Leerzeichen werden mehrere Klassen an einem Element getrennt.

        Ich kann's hier nicht ausprobieren, aber ich würde mal versuchen, der Klasse ui-keyboard die entsprechenden Eigenschaften mit !important mitzugeben.
        Bin mir aber gerade nicht sicher, ob das über den hart verdrahteten element-style überhaupt zieht.

        draexlerD Do not disturb
        draexlerD Do not disturb
        draexler
        wrote on last edited by
        #3

        @codierknecht Super, perfekt. Das hat funktioniert. Kann man eigentlich das so angeben das z.b. der Wert TOP der Mittelpunkt also Center ist?

        CodierknechtC 1 Reply Last reply
        0
        • draexlerD draexler

          @codierknecht Super, perfekt. Das hat funktioniert. Kann man eigentlich das so angeben das z.b. der Wert TOP der Mittelpunkt also Center ist?

          CodierknechtC Offline
          CodierknechtC Offline
          Codierknecht
          Developer Most Active
          wrote on last edited by
          #4

          @draexler sagte in vis Keyboard Position:

          das z.b. der Wert TOP der Mittelpunkt also Center ist?

          Nein - TOP ist oben, LEFT ist links.

          Man könnte höchstens das ganze DIV zentrieren, aber ich sehe hier kein übergeordnetes Element.
          Käme auf einen Versuch an.
          Versuch's mal mit margin: auto!important statt mit der absoluten Position.
          https://www.w3schools.com/css/css_align.asp

          "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

          Proxmox 8.2.4 LXC|8 GB|Core i7-6700
          HmIP|ZigBee|Tasmota|Unifi + dies & das
          Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

          draexlerD 1 Reply Last reply
          0
          • CodierknechtC Codierknecht

            @draexler sagte in vis Keyboard Position:

            das z.b. der Wert TOP der Mittelpunkt also Center ist?

            Nein - TOP ist oben, LEFT ist links.

            Man könnte höchstens das ganze DIV zentrieren, aber ich sehe hier kein übergeordnetes Element.
            Käme auf einen Versuch an.
            Versuch's mal mit margin: auto!important statt mit der absoluten Position.
            https://www.w3schools.com/css/css_align.asp

            draexlerD Do not disturb
            draexlerD Do not disturb
            draexler
            wrote on last edited by
            #5

            @codierknecht sagte in vis Keyboard Position:

            margin: auto!important

            Danke für den Tip, funktioniert leider nicht 😞 Die Position ist dann die selbe ohne CSS Angabe. Also wie anfänglich.

            CodierknechtC 1 Reply Last reply
            0
            • draexlerD draexler

              @codierknecht sagte in vis Keyboard Position:

              margin: auto!important

              Danke für den Tip, funktioniert leider nicht 😞 Die Position ist dann die selbe ohne CSS Angabe. Also wie anfänglich.

              CodierknechtC Offline
              CodierknechtC Offline
              Codierknecht
              Developer Most Active
              wrote on last edited by
              #6

              @draexler
              Muss da vielleicht noch ein position:relative rein?
              Einfach mal mit den Einstellungen in der Developer-Konsole rumspielen.

              "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

              Proxmox 8.2.4 LXC|8 GB|Core i7-6700
              HmIP|ZigBee|Tasmota|Unifi + dies & das
              Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

              1 Reply Last reply
              0
              • WintermuteW Offline
                WintermuteW Offline
                Wintermute
                wrote on last edited by
                #7

                Der Thread ist uralt, ich weiß....

                Ich stehe jetzt vor dem gleichen Problem, dass ich das Tastatur-Widget irgendwie woanders hinbekommen muss, da die Tastatur in einem "View in Widget 8" angezeigt werden soll, und vom darüberliegenden View abgeschnitten wird.
                Hat das schonmal gemand gelöst?

                Iobroker als Windows-VM auf einem Supermicro-Server

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                Support us

                ioBroker
                Community Adapters
                Donate

                302

                Online

                32.4k

                Users

                81.4k

                Topics

                1.3m

                Posts
                Community
                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                ioBroker Community 2014-2025
                logo
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Unread 0
                • Categories
                • Unreplied
                • Popular
                • GitHub
                • Docu
                • Hilfe