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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. TileBoard für Noobs ?

NEWS

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

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

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

TileBoard für Noobs ?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-totemplate
41 Beiträge 5 Kommentatoren 4.4k Aufrufe 6 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.
  • Curtis777C Curtis777

    @CrunkFX gibt es eine einfachere Methode die config zu schreiben ?
    ich nehme mal an es geört hier die config.js "einfach" editiert....

    Sowas wie ein Editor der mir sofort zeigt was ich eintrage gibt es nicht dafür oder ?

    CrunkFXC Offline
    CrunkFXC Offline
    CrunkFX
    Forum Testing
    schrieb am zuletzt editiert von CrunkFX
    #10

    @Curtis777 Doch, geh in die Instanzeinstellungen, dort ist ein Text Editor. hier kannst du direkt den Code bearbeiten oder in ein anderes Programm kopieren z.B. VSCode was ich dir empfehlen würde.

    Wichtig ist vor allem viele Kommentare und alle nicht verwendeten Elemente einklappen.

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

    Curtis777C 1 Antwort Letzte Antwort
    0
    • CrunkFXC CrunkFX

      @Curtis777 Doch, geh in die Instanzeinstellungen, dort ist ein Text Editor. hier kannst du direkt den Code bearbeiten oder in ein anderes Programm kopieren z.B. VSCode was ich dir empfehlen würde.

      Wichtig ist vor allem viele Kommentare und alle nicht verwendeten Elemente einklappen.

      Curtis777C Offline
      Curtis777C Offline
      Curtis777
      schrieb am zuletzt editiert von
      #11

      @CrunkFX
      Danke dir ... aber eine Art Editor für Dummies gibt es nicht die in JS sich nicht wirklich auskennen ?
      also so ein drag and drop editor oder so :joy: :joy: :joy:

      CrunkFXC 1 Antwort Letzte Antwort
      0
      • Curtis777C Curtis777

        @CrunkFX
        Danke dir ... aber eine Art Editor für Dummies gibt es nicht die in JS sich nicht wirklich auskennen ?
        also so ein drag and drop editor oder so :joy: :joy: :joy:

        CrunkFXC Offline
        CrunkFXC Offline
        CrunkFX
        Forum Testing
        schrieb am zuletzt editiert von CrunkFX
        #12

        @Curtis777 Noch nicht, bin aber gerade dabei einen in C# zu schreiben kann aber noch eben dauern. Ich hab aber ehrlich gesagt von JS auch null Ahnung, man findet sich aber schnell ein. Schwierig wird das ganze durch die vielen Klammern. Das ist aber in anderen Programmiersprachen ähnlich.

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

        Curtis777C 1 Antwort Letzte Antwort
        0
        • CrunkFXC CrunkFX

          @Curtis777 Noch nicht, bin aber gerade dabei einen in C# zu schreiben kann aber noch eben dauern. Ich hab aber ehrlich gesagt von JS auch null Ahnung, man findet sich aber schnell ein. Schwierig wird das ganze durch die vielen Klammern. Das ist aber in anderen Programmiersprachen ähnlich.

          Curtis777C Offline
          Curtis777C Offline
          Curtis777
          schrieb am zuletzt editiert von
          #13

          @CrunkFX bei mir scheitert es gerade daran welche id nehme ich denn ? ich habe in objekte die id einfach kopiert ...
          z.b. das als ID verwendet.
          id: "shelly.0.SHRGBW2#66269A#1.color.white",
          sehe aber den slider nicht (habe den vorhandenen slider editiert in der config

          CrunkFXC 1 Antwort Letzte Antwort
          0
          • Curtis777C Curtis777

            @CrunkFX bei mir scheitert es gerade daran welche id nehme ich denn ? ich habe in objekte die id einfach kopiert ...
            z.b. das als ID verwendet.
            id: "shelly.0.SHRGBW2#66269A#1.color.white",
            sehe aber den slider nicht (habe den vorhandenen slider editiert in der config

            CrunkFXC Offline
            CrunkFXC Offline
            CrunkFX
            Forum Testing
            schrieb am zuletzt editiert von
            #14

            @Curtis777 Poste mal deine Config, dann schu ich mir das an

            Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            1 Antwort Letzte Antwort
            0
            • Curtis777C Offline
              Curtis777C Offline
              Curtis777
              schrieb am zuletzt editiert von
              #15

              jetzt habe ich es esoweit... dürfte wirklich nur der erste anfang sehr kompliziert seinfür mich... der rest ist learning by doing....
              jetzt weiss ich noch nicht woher er die kleinen icons nimmt ....

              Ich komme gerne nochmal auf dien angebot zurück muss mal selbst herum erfinden und basteln....

              Danke euch beiden für die Hilfe
              Danke Danke Danke

              CrunkFXC 1 Antwort Letzte Antwort
              1
              • Curtis777C Curtis777

                jetzt habe ich es esoweit... dürfte wirklich nur der erste anfang sehr kompliziert seinfür mich... der rest ist learning by doing....
                jetzt weiss ich noch nicht woher er die kleinen icons nimmt ....

                Ich komme gerne nochmal auf dien angebot zurück muss mal selbst herum erfinden und basteln....

                Danke euch beiden für die Hilfe
                Danke Danke Danke

                CrunkFXC Offline
                CrunkFXC Offline
                CrunkFX
                Forum Testing
                schrieb am zuletzt editiert von
                #16

                @Curtis777 Der nutzt Material Design Icons. Google Mal dann bekommst du ne große Auswahl an Icons

                Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                Curtis777C 1 Antwort Letzte Antwort
                0
                • CrunkFXC CrunkFX

                  @Curtis777 Der nutzt Material Design Icons. Google Mal dann bekommst du ne große Auswahl an Icons

                  Curtis777C Offline
                  Curtis777C Offline
                  Curtis777
                  schrieb am zuletzt editiert von
                  #17

                  @CrunkFX die müssen doch vorher auf dem iobroker liegen oder zieht er die live aus dem netz ?
                  habe auf anhieb bei material.io eine riesen auswahl gefunden...
                  würde mir ja die icons selbst auf die disk legen wenn ich wüsste wohin ...

                  CrunkFXC 1 Antwort Letzte Antwort
                  0
                  • Curtis777C Curtis777

                    @CrunkFX die müssen doch vorher auf dem iobroker liegen oder zieht er die live aus dem netz ?
                    habe auf anhieb bei material.io eine riesen auswahl gefunden...
                    würde mir ja die icons selbst auf die disk legen wenn ich wüsste wohin ...

                    CrunkFXC Offline
                    CrunkFXC Offline
                    CrunkFX
                    Forum Testing
                    schrieb am zuletzt editiert von CrunkFX
                    #18

                    @Curtis777 Die Material Design Icons werden bei bedarf aus der GitHub Repo bezogen. Du brauchst also lediglich die Icon ID

                    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                    U 1 Antwort Letzte Antwort
                    0
                    • CrunkFXC Offline
                      CrunkFXC Offline
                      CrunkFX
                      Forum Testing
                      schrieb am zuletzt editiert von
                      #19

                      Hab´s nun auch geschafft Wetter und Spotify ins TileBoard zu bekommen.

                      Bild Text

                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      Curtis777C 1 Antwort Letzte Antwort
                      0
                      • CrunkFXC CrunkFX

                        Hab´s nun auch geschafft Wetter und Spotify ins TileBoard zu bekommen.

                        Bild Text

                        Curtis777C Offline
                        Curtis777C Offline
                        Curtis777
                        schrieb am zuletzt editiert von
                        #20

                        @CrunkFX genial welchen adapter hast du denn für das wetter genutzt und wie hast du den Tile erstellt?

                        Möchtest du mir dein skript viellecith senden ?

                        Ich bin bei Schalter und slider .... ich glaube jetzt läuft es endlich bei mir...

                        CrunkFXC 1 Antwort Letzte Antwort
                        0
                        • Curtis777C Curtis777

                          @CrunkFX genial welchen adapter hast du denn für das wetter genutzt und wie hast du den Tile erstellt?

                          Möchtest du mir dein skript viellecith senden ?

                          Ich bin bei Schalter und slider .... ich glaube jetzt läuft es endlich bei mir...

                          CrunkFXC Offline
                          CrunkFXC Offline
                          CrunkFX
                          Forum Testing
                          schrieb am zuletzt editiert von
                          #21

                          @Curtis777 Ich hab mir per weatherwidget.io ein Widget erstellt und per IFrame eingebunden.

                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                          1 Antwort Letzte Antwort
                          0
                          • CrunkFXC CrunkFX

                            @Curtis777 Die Material Design Icons werden bei bedarf aus der GitHub Repo bezogen. Du brauchst also lediglich die Icon ID

                            U Offline
                            U Offline
                            uvillers
                            schrieb am zuletzt editiert von uvillers
                            #22

                            @CrunkFX die URL für die Icons habe ich in einer der Dateien des Tileboards gefunden. Bei mir läd er die aber einfach nicht. Gibt es einen Trick damit die Icons in den Kacheln angezeigt werden?

                            CrunkFXC 1 Antwort Letzte Antwort
                            0
                            • U uvillers

                              @CrunkFX die URL für die Icons habe ich in einer der Dateien des Tileboards gefunden. Bei mir läd er die aber einfach nicht. Gibt es einen Trick damit die Icons in den Kacheln angezeigt werden?

                              CrunkFXC Offline
                              CrunkFXC Offline
                              CrunkFX
                              Forum Testing
                              schrieb am zuletzt editiert von CrunkFX
                              #23

                              @uvillers Du benötigst keine URL zum Anzeigen. Der Name des Icons wird dort erwartet.
                              Z.b.

                              icon: 'mdi-home-outline',
                              

                              Oder hab ich dich falsch verstanden?

                              MFG
                              CrunkFX

                              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                              U 1 Antwort Letzte Antwort
                              0
                              • CrunkFXC CrunkFX

                                @uvillers Du benötigst keine URL zum Anzeigen. Der Name des Icons wird dort erwartet.
                                Z.b.

                                icon: 'mdi-home-outline',
                                

                                Oder hab ich dich falsch verstanden?

                                MFG
                                CrunkFX

                                U Offline
                                U Offline
                                uvillers
                                schrieb am zuletzt editiert von
                                #24

                                @CrunkFX Genau, dort habe ich auch die icons eingetragen, er ignoriert die aber.

                                CrunkFXC 1 Antwort Letzte Antwort
                                0
                                • U uvillers

                                  @CrunkFX Genau, dort habe ich auch die icons eingetragen, er ignoriert die aber.

                                  CrunkFXC Offline
                                  CrunkFXC Offline
                                  CrunkFX
                                  Forum Testing
                                  schrieb am zuletzt editiert von
                                  #25

                                  @uvillers Kannst du mal den Script hier schicken?

                                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                  U 1 Antwort Letzte Antwort
                                  0
                                  • CrunkFXC CrunkFX

                                    @uvillers Kannst du mal den Script hier schicken?

                                    U Offline
                                    U Offline
                                    uvillers
                                    schrieb am zuletzt editiert von
                                    #26

                                    @CrunkFX gern:

                                    /* my Config
                                    Uli am 12.05.2020
                                    */

                                    var CONFIG = {
                                    customTheme: CUSTOM_THEMES.COMPACT,
                                    transition: TRANSITIONS.ANIMATED_GPU,
                                    entitySize: ENTITY_SIZES.NORMAL,
                                    tileSize: 150,
                                    tileMargin: 6,
                                    serverUrl: "http://192.168.70.2:8082",
                                    wsUrl: "ws://192.168.70.2:8082/api/websocket",
                                    authToken: null,
                                    timeFormat: 24,
                                    menuePosition: MENU_POSITIONS.LEFT, //oder BOTTOM
                                    //groupsAlign

                                    pages: [
                                    {
                                    title: '@home',
                                    bg: 'images/bg1.jpeg',
                                    icon: 'mdi-home-outline',
                                    header: DEFAULT_HEADER,
                                    groups: [
                                    {
                                    title: 'Group title',
                                    width: 2,
                                    height: 3,
                                    groupMarginCss: '20px 40px',
                                    hidden: Boolean | Function,
                                    items: [
                                    //Start Arbeitszimmer
                                    {
                                    position: [0, 1],
                                    type: TYPES.SWITCH,
                                    id: 'hue-extended.0.groups.006-arbeitszimmer.action.on',
                                    title: 'Arbeitszimmer',
                                    subtitle: 'Schreibtisch',
                                    states: {
                                    on: "On",
                                    off: "Off"
                                    },
                                    icons: {
                                    on: "mdi-lightbulb-on",
                                    off: "mdi-lightbulb",
                                    }
                                    }, //Ende Arbeitszimmer

                                                {
                                                   position: [1, 1],
                                                   title: 'Arbeitszimmer',
                                                   subtitle: 'Dimmer',
                                                   id: 'hue-extended.0.groups.006-arbeitszimmer.action.brightness',
                                                   type: TYPES.SLIDER,
                                                   states: {
                                                      on: "On",
                                                      off: "Off"
                                                   },
                                                   icons: {
                                                      on: "mdi-lightbulb-on",
                                                      off: "mdi-lightbulb",
                                                   },
                                                   
                                                  /*sliders: [
                                                      {
                                                         position: [1, 2],
                                                         title: 'Brightness',
                                                         field: 'brightness',
                                                         id: 'hue-extended.0.groups.006-arbeitszimmer.action.brightness',
                                                            type: TYPES.SLIDER,
                                                         max: 255,
                                                         min: 0,
                                                         step: 5,
                                                         request: {
                                                            type: "call_service",
                                                            domain: "light",
                                                            service: "turn_on",
                                                            field: "brightness"
                                                         }
                                                      },
                                                      {
                                                         title: 'Color temp',
                                                         field: 'color_temp',
                                                         max: 588,
                                                         min: 153,
                                                         step: 15,
                                                         request: {
                                                            type: "call_service",
                                                            domain: "light",
                                                            service: "turn_on",
                                                            field: "color_temp"
                                                         }
                                                      }
                                                   ],*/
                                                   //colorpicker: true
                                                },
                                                
                                            ], //Ende Items
                                          }, // Ende Groups
                                        ], // Ende Groups
                                    }, //Ende Pages
                                    

                                    ] //Ende Pages
                                    // ENDE
                                    }

                                    CrunkFXC 1 Antwort Letzte Antwort
                                    1
                                    • U uvillers

                                      @CrunkFX gern:

                                      /* my Config
                                      Uli am 12.05.2020
                                      */

                                      var CONFIG = {
                                      customTheme: CUSTOM_THEMES.COMPACT,
                                      transition: TRANSITIONS.ANIMATED_GPU,
                                      entitySize: ENTITY_SIZES.NORMAL,
                                      tileSize: 150,
                                      tileMargin: 6,
                                      serverUrl: "http://192.168.70.2:8082",
                                      wsUrl: "ws://192.168.70.2:8082/api/websocket",
                                      authToken: null,
                                      timeFormat: 24,
                                      menuePosition: MENU_POSITIONS.LEFT, //oder BOTTOM
                                      //groupsAlign

                                      pages: [
                                      {
                                      title: '@home',
                                      bg: 'images/bg1.jpeg',
                                      icon: 'mdi-home-outline',
                                      header: DEFAULT_HEADER,
                                      groups: [
                                      {
                                      title: 'Group title',
                                      width: 2,
                                      height: 3,
                                      groupMarginCss: '20px 40px',
                                      hidden: Boolean | Function,
                                      items: [
                                      //Start Arbeitszimmer
                                      {
                                      position: [0, 1],
                                      type: TYPES.SWITCH,
                                      id: 'hue-extended.0.groups.006-arbeitszimmer.action.on',
                                      title: 'Arbeitszimmer',
                                      subtitle: 'Schreibtisch',
                                      states: {
                                      on: "On",
                                      off: "Off"
                                      },
                                      icons: {
                                      on: "mdi-lightbulb-on",
                                      off: "mdi-lightbulb",
                                      }
                                      }, //Ende Arbeitszimmer

                                                  {
                                                     position: [1, 1],
                                                     title: 'Arbeitszimmer',
                                                     subtitle: 'Dimmer',
                                                     id: 'hue-extended.0.groups.006-arbeitszimmer.action.brightness',
                                                     type: TYPES.SLIDER,
                                                     states: {
                                                        on: "On",
                                                        off: "Off"
                                                     },
                                                     icons: {
                                                        on: "mdi-lightbulb-on",
                                                        off: "mdi-lightbulb",
                                                     },
                                                     
                                                    /*sliders: [
                                                        {
                                                           position: [1, 2],
                                                           title: 'Brightness',
                                                           field: 'brightness',
                                                           id: 'hue-extended.0.groups.006-arbeitszimmer.action.brightness',
                                                              type: TYPES.SLIDER,
                                                           max: 255,
                                                           min: 0,
                                                           step: 5,
                                                           request: {
                                                              type: "call_service",
                                                              domain: "light",
                                                              service: "turn_on",
                                                              field: "brightness"
                                                           }
                                                        },
                                                        {
                                                           title: 'Color temp',
                                                           field: 'color_temp',
                                                           max: 588,
                                                           min: 153,
                                                           step: 15,
                                                           request: {
                                                              type: "call_service",
                                                              domain: "light",
                                                              service: "turn_on",
                                                              field: "color_temp"
                                                           }
                                                        }
                                                     ],*/
                                                     //colorpicker: true
                                                  },
                                                  
                                              ], //Ende Items
                                            }, // Ende Groups
                                          ], // Ende Groups
                                      }, //Ende Pages
                                      

                                      ] //Ende Pages
                                      // ENDE
                                      }

                                      CrunkFXC Offline
                                      CrunkFXC Offline
                                      CrunkFX
                                      Forum Testing
                                      schrieb am zuletzt editiert von CrunkFX
                                      #27

                                      @uvillers Welchen Status haben denn die Brightness der HUE im Arbeitszimmer und der Switch, on und off oder einen Zahlenwert?

                                      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                      U 1 Antwort Letzte Antwort
                                      0
                                      • CrunkFXC CrunkFX

                                        @uvillers Welchen Status haben denn die Brightness der HUE im Arbeitszimmer und der Switch, on und off oder einen Zahlenwert?

                                        U Offline
                                        U Offline
                                        uvillers
                                        schrieb am zuletzt editiert von
                                        #28

                                        @CrunkFX Echt, war es so einfach.. verdammt. Dachte "on" "off" wären feste Paramenter. Das es die Rückgabe Werte des Gerätes sind ist logisch und war mir nicht klar. Nun geht's Danke!!!

                                        CrunkFXC 1 Antwort Letzte Antwort
                                        0
                                        • U uvillers

                                          @CrunkFX Echt, war es so einfach.. verdammt. Dachte "on" "off" wären feste Paramenter. Das es die Rückgabe Werte des Gerätes sind ist logisch und war mir nicht klar. Nun geht's Danke!!!

                                          CrunkFXC Offline
                                          CrunkFXC Offline
                                          CrunkFX
                                          Forum Testing
                                          schrieb am zuletzt editiert von
                                          #29

                                          @uvillers Leider nicht, aber da hab ich am Anfang auch mit zu kämpfen gehabt.

                                          Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                          F 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

                                          709

                                          Online

                                          32.4k

                                          Benutzer

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