Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Praktische Anwendungen (Showcase)
    4. Einfach mal zeigen will….. :-) - Teil 3

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Einfach mal zeigen will….. :-) - Teil 3

    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      smartysmart @sigi234 last edited by

      @sigi234 Das sind "nur" einzelne Widgets ? Aber kein responsive Template oder versteh ich das falsch ?

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

        @sigi234

        Er will eine fertiges VIS

        sigi234 1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @Glasfaser last edited by

          @Glasfaser sagte in Einfach mal zeigen will….. 🙂 - Teil 3:

          @sigi234

          Er will eine fertiges VIS

          https://github.com/Scrounger/ioBroker.vis-materialdesign

          Gibt es ja, als Vorlage.

          S 1 Reply Last reply Reply Quote 0
          • S
            smartysmart last edited by

            jep aber responisve 🙂

            Wie gesagt bin auch bereit auch dafür was zu bezahlen.
            Ich kenne mich mit HTML/CSS etwas aus und denke mit viel Zeit und mühe bekomme ich das hin aber wenns was fertiges gibt spar ich mir die Zeit und die Nerven 🙂

            1 Reply Last reply Reply Quote 0
            • S
              smartysmart @sigi234 last edited by

              @sigi234 ich schaus mir mal an

              D 1 Reply Last reply Reply Quote 0
              • D
                darkiop Most Active @smartysmart last edited by

                @mend Du hast mehrere Möglichkeiten. Entweder wie von Sigi schon verlinkt Scroungers Material Widgets (und da speziell für deine responsive Anforderung das Masonry Widget oder Uhulas Material Design (https://github.com/Uhula/ioBroker-Material-Design-Style) im Zusammenspiel mit Scroungers Widgets.

                Desweiteren Macht es Sinn sich bzgl. CSS das ein oder andere anzueigenen, wie die Berechnung von Werten mit calc()

                https://developer.mozilla.org/de/docs/Web/CSS/calc

                Als Beispiel:
                left: calc(100% - 'halbe Breite des Objekts') = mittig ausrichten.

                Ich setze aktull noch Uhula + Scroungers Widgets ein, so Schaut das aus:

                55f166f0-07f1-4ee0-8c3a-c9ed7468ab27-grafik.png

                fb25cd75-35f1-40f0-aab3-b455ce324fa6-grafik.png

                Grundsätzlich sind mit VIS und HTML/CSS/JS alle Türen offen 😉

                S G 2 Replies Last reply Reply Quote 0
                • H
                  HoffmannOs @lesiflo last edited by

                  @lesiflo Könntest du sie mir bitte auch zur Verfügung stellen? Wie immer Klasse Arbeit!!!!!!

                  1 Reply Last reply Reply Quote 0
                  • S
                    smartysmart @darkiop last edited by

                    @darkiop
                    Danke erst mal ich werd mir das mal in ruhe so bald wie möglich anschauen.

                    1 Reply Last reply Reply Quote 0
                    • X
                      xADDRx last edited by

                      Home.jpg bsp.jpg SonosHd.jpg hd2.jpg

                      1 Reply Last reply Reply Quote 0
                      • D
                        dos1973 last edited by

                        ich habe auch mal wieder alles umgeworfen
                        die Startseite sollte fertig sein, bis auf noch kleine Infos in der Statusleiste...

                        Startseite
                        fully-screenshot-4.png

                        Licht Übersicht
                        fully-screenshot-8.png

                        mehr habe ich noch nicht fertig 😉

                        Mic N Bostil S SmarthomeMF 10 Replies Last reply Reply Quote 8
                        • Mic
                          Mic Developer @dos1973 last edited by

                          @dos1973
                          sieht schön und sehr aufgeräumt aus! Manche VIS von anderen Usern wären mir persönlich zu voll / mit zu vielen Informationen. Ich bin ja kein Pilot 😁

                          1 Reply Last reply Reply Quote 1
                          • N
                            namor @dos1973 last edited by

                            @dos1973

                            Sieht echt klasse aus.
                            Bin auch ein Fan von aufgeräumten Views.
                            Darf ich fragen welche Schriftart das ist?😌

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

                              @namor

                              Jura-DemiBold
                              
                              N D 2 Replies Last reply Reply Quote 0
                              • N
                                namor @Glasfaser last edited by

                                @Glasfaser 👍

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

                                  @Glasfaser
                                  Stimmt
                                  Regulard und bold

                                  1 Reply Last reply Reply Quote 1
                                  • B
                                    Buddinski88 last edited by

                                    Ich würde gerne die Schrift aller Texte ändern, aber wenn ich unter CSS > Projekt z.B. folgendes einfüge, dann werden nur ein paar "Texte" angepasst.

                                    * {
                                        font-family: "georgian";
                                    }
                                    

                                    Gibt es die Möglichkeit das für alle Klassen, Ids der MaterialDesignWidgets zuzuweisen?

                                    1 Reply Last reply Reply Quote 0
                                    • Bostil
                                      Bostil @dos1973 last edited by

                                      @dos1973 Wie machst du deine Lampen eigentlich schaltbar ? Sind das solche Wifi-Lampen oder hängen die an einem Shelly o.ä.

                                      View sieht super aus!

                                      1 Reply Last reply Reply Quote 0
                                      • D
                                        dos1973 last edited by

                                        Sind hue Leuchten und Shellys

                                        Und auch in Kombination hue & Shelly,

                                        1 Reply Last reply Reply Quote 0
                                        • S
                                          smartysmart @dos1973 last edited by

                                          @dos1973
                                          schaut super aus.
                                          Ist das responsive design ?

                                          D 1 Reply Last reply Reply Quote 0
                                          • D
                                            dos1973 @smartysmart last edited by

                                            @mend
                                            Nein, hardcoded für meine Tablet Auflösung...

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            853
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis vis editor visualisierung visualization
                                            155
                                            813
                                            267493
                                            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