Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Material Design Schrift vertikal

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Material Design Schrift vertikal

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

      Hallo
      Ich würde gerne einen Button(Material Design) für eine Navigation erstellen, wobei der Text des Button vertikal geschrieben stehen soll. Grund wäre, damit ich mehrere entbeinender platzieren kann.

      Also zB_ das das CORONA vertikal nach unten geschrieben steht.
      13f25879-d03b-48be-aa99-9cf93dc522e8-image.png

      Ich verwende diese Einstellungen für den oben gezeigten Button.
      49c0b388-0779-4689-994e-376dc3a2f7c9-image.png

      Wie kann ich das machen?

      1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser last edited by Glasfaser

        @nwh

        Versuche damit mal :

        https://forum.iobroker.net/topic/36121/rolladen-widget-gedreht-anzeigen-solved-gelöst/2

        https://forum.iobroker.net/topic/24278/via-css-gedrehter-text-android-app/1

        NWH 1 Reply Last reply Reply Quote 0
        • NWH
          NWH @Glasfaser last edited by

          @glasfaser ...das klappt wunderbar.
          4009403c-e22a-47ed-a935-e9a341ce66f0-image.png

          Allerdings hätte ich jetzt noch gerne, dass die Schrift von oben nach unten ist.

          C
          O
          R
          O
          N
          A

          Glasfaser 1 Reply Last reply Reply Quote 0
          • Glasfaser
            Glasfaser @NWH last edited by Glasfaser

            @nwh

            Nimm mal nur das :
            CSS Eintrag : vertikal

            .vertikal { 
              writing-mode: vertical-lr; 
              text-orientation: upright; 
            }
            

            1.JPG

            1 Reply Last reply Reply Quote 0
            • NWH
              NWH last edited by

              @glasfaser sagte in Material Design Schrift vertikal:

              Danke dir, genau so wollte ich das. Mit der Schrift muss ich mir noch was einfallen lassen.....

              fb5e0d79-7684-4b26-89cb-ddcae8f6f7c8-image.png

              Glasfaser 1 Reply Last reply Reply Quote 0
              • Glasfaser
                Glasfaser @NWH last edited by

                @nwh

                ist halt der Nachteil von vertikaler Schrift .

                Was wäre , anstatt der "Wörter Home , Licht , Wetter ...." dafür nur Symbole zu nehmen !?

                NWH 1 Reply Last reply Reply Quote 0
                • NWH
                  NWH @Glasfaser last edited by

                  @glasfaser Ja gute Idee, aber Icons gehen wieder in die Breite. Dann komme ich wieder mit dem Platz nicht aus.

                  Glasfaser 1 Reply Last reply Reply Quote 0
                  • Glasfaser
                    Glasfaser @NWH last edited by

                    @nwh

                    Wie ich oben sehe , sind das Navigations Widgets.

                    Warum nicht so , mit einem TopAppBar Widget ?

                    1.JPG

                    2.JPG

                    NWH 1 Reply Last reply Reply Quote 0
                    • NWH
                      NWH @Glasfaser last edited by

                      @glasfaser Hui das ist aber cool, ist es möglich diese evnt. zu kopieren und ich würde es mir auf meine Bedürfnisse anpassen?

                      Glasfaser 1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @NWH last edited by

                        @nwh

                        Nimm dieses komplette Projekt :

                        https://forum.iobroker.net/topic/30497/vorstellung-meine-dritte-vis

                        NWH 1 Reply Last reply Reply Quote 0
                        • NWH
                          NWH @Glasfaser last edited by

                          @glasfaser eigentlich bräuchte ich nur das Menu. Was ich gesehen habe ist das nirgends extra zum herausnehmen, oder täusche ich mich da?

                          1 Reply Last reply Reply Quote 0
                          • Glasfaser
                            Glasfaser last edited by

                            @nwh

                            Du kannst jedes Widget aus seinem Projekt exportieren .

                            Du mußt nur bedenken , das du eine Startview brauchst , wo du nur zwei Widget´s nutzt
                            Einmal das Material Design Widget und das view in widget 8.

                            https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget

                            NWH 1 Reply Last reply Reply Quote 0
                            • NWH
                              NWH @Glasfaser last edited by

                              @glasfaser puh, ob ich das schaffe bin ich mir nicht so sicher, aber ich werde es morgen mal versuchen. Aber erstmal Danke und gn8.

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

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              958
                              Online

                              31.7k
                              Users

                              79.8k
                              Topics

                              1.3m
                              Posts

                              material css vis
                              2
                              13
                              513
                              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