Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Vis Input Widget Ausrichtung

    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

    Vis Input Widget Ausrichtung

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

      Hallo,
      wie kann ich die Ausrichtung von Text und Input Feld ändern? Mit den Vorgaben rechts oder links werden beide Felder zusammen links- oder rechtsbündig ausgerichtet. Ich möchte den Text links, und das Eingabefeld rechts haben.
      Könnte ich durch separate Label/Input machen, aber mit css müsste dieses widget doch auch getrimmt werden können?

      72d67fec-24d7-4a63-97ab-0597ce090594-grafik.png

      J 1 Reply Last reply Reply Quote 0
      • J
        JojoS @JojoS last edited by

        wenig Aufwand wenn man weiß wie es geht 🙂

        .myStyle input {
            float: right;
        }
        

        3a39e50a-993f-4a6a-b71e-389504d28c58-grafik.png

        @Bluefox dabei ist aufgefallen das nicht alle Unterelement bei zusammengesetzen widgets eine id haben. Das wäre schöner wenn die auch gezielt formattiert werden sollen.

        J 1 Reply Last reply Reply Quote 2
        • J
          JojoS @JojoS last edited by

          eine kleine Unschärfe gibt es noch: wenn der style 'float: right' angewendet wird, dann ist der Text (Dauer/Intervall) nicht mehr vertikal zentriert, die Ausrichtung geht da wohl verloren weil das nicht zusammenpasst. Gibt es da noch einen Trick?

          DJMarc75 1 Reply Last reply Reply Quote 0
          • DJMarc75
            DJMarc75 @JojoS last edited by

            @jojos sagte in Vis Input Widget Ausrichtung:

            nicht mehr vertikal zentriert

            Versuch mal im css folgendes hinzuzufügen:

            vertical-align: centrer;
            
            J 1 Reply Last reply Reply Quote 0
            • J
              JojoS @DJMarc75 last edited by

              @djmarc75 klappt leider nicht. center gibts da auch nicht, aber auch middle oder baseline lassen die Position unverändert sobald float benutzt wird. Habe verschiedene Varianten probiert und auch im Browser kontrolliert, muss ich heute Abend nochmal untersuchen.

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

              Support us

              ioBroker
              Community Adapters
              Donate

              835
              Online

              31.9k
              Users

              80.2k
              Topics

              1.3m
              Posts

              2
              5
              668
              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