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. TileBoard für Noobs ?

NEWS

  • Wartung am 15.11. – Forum ab 22:00 Uhr nicht erreichbar
    BluefoxB
    Bluefox
    11
    2
    209

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

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

TileBoard für Noobs ?

TileBoard für Noobs ?

Scheduled Pinned Locked Moved Visualisierung
vishow-totemplate
41 Posts 5 Posters 4.3k Views 6 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.
  • 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
    wrote on last edited by
    #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 Reply Last reply
    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
      wrote on last edited by
      #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 Reply Last reply
      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
        wrote on last edited by 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 Reply Last reply
        0
        • CrunkFXC Offline
          CrunkFXC Offline
          CrunkFX
          Forum Testing
          wrote on last edited by
          #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 Reply Last reply
          0
          • CrunkFXC CrunkFX

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

            Bild Text

            Curtis777C Offline
            Curtis777C Offline
            Curtis777
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              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
                wrote on last edited by 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 Reply Last reply
                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
                  wrote on last edited by 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 Reply Last reply
                  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
                    wrote on last edited by
                    #24

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

                    CrunkFXC 1 Reply Last reply
                    0
                    • U uvillers

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

                      CrunkFXC Offline
                      CrunkFXC Offline
                      CrunkFX
                      Forum Testing
                      wrote on last edited by
                      #25

                      @uvillers Kannst du mal den Script hier schicken?

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

                      U 1 Reply Last reply
                      0
                      • CrunkFXC CrunkFX

                        @uvillers Kannst du mal den Script hier schicken?

                        U Offline
                        U Offline
                        uvillers
                        wrote on last edited by
                        #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 Reply Last reply
                        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
                          wrote on last edited by 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 Reply Last reply
                          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
                            wrote on last edited by
                            #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 Reply Last reply
                            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
                              wrote on last edited by
                              #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 Reply Last reply
                              0
                              • CrunkFXC CrunkFX

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

                                F Offline
                                F Offline
                                FuXXz2
                                wrote on last edited by
                                #30

                                @CrunkFX
                                Tileboard scheint nicht besonders aktiv genutzt zu sein, bekommt man es denn derzeit irgendwie zum laufen?
                                Wenn ich etwas in der Konfiguration eintrage, dann sieht das nach dem Speichern immer wie folgt aus:
                                Aufnahme5.png

                                CrunkFXC 1 Reply Last reply
                                0
                                • F FuXXz2

                                  @CrunkFX
                                  Tileboard scheint nicht besonders aktiv genutzt zu sein, bekommt man es denn derzeit irgendwie zum laufen?
                                  Wenn ich etwas in der Konfiguration eintrage, dann sieht das nach dem Speichern immer wie folgt aus:
                                  Aufnahme5.png

                                  CrunkFXC Offline
                                  CrunkFXC Offline
                                  CrunkFX
                                  Forum Testing
                                  wrote on last edited by
                                  #31

                                  @FuXXz2 Hi, welche Version verwendest denn du?

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

                                  F 1 Reply Last reply
                                  0
                                  • CrunkFXC CrunkFX

                                    @FuXXz2 Hi, welche Version verwendest denn du?

                                    F Offline
                                    F Offline
                                    FuXXz2
                                    wrote on last edited by
                                    #32

                                    @CrunkFX Das ist die Version 0.3.1

                                    CrunkFXC 1 Reply Last reply
                                    0
                                    • F FuXXz2

                                      @CrunkFX Das ist die Version 0.3.1

                                      CrunkFXC Offline
                                      CrunkFXC Offline
                                      CrunkFX
                                      Forum Testing
                                      wrote on last edited by
                                      #33

                                      @FuXXz2 Hast du mal den adapter gelöscht und neu hinzugefügt? Bei mir gehts mit der version ohne probleme

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

                                      F 1 Reply Last reply
                                      0
                                      • CrunkFXC CrunkFX

                                        @FuXXz2 Hast du mal den adapter gelöscht und neu hinzugefügt? Bei mir gehts mit der version ohne probleme

                                        F Offline
                                        F Offline
                                        FuXXz2
                                        wrote on last edited by FuXXz2
                                        #34

                                        @CrunkFX
                                        ja 😞
                                        Mehrmals, habe auch nen 2. ioBroker hier, der noch ganz frisch ist und nix installiert ist. Dort das gleiche Bild
                                        Unbenannt.jpg

                                        Aber ich versuche gerade mal ein paar andere Browser, vielleicht gehts bei irgendeinen

                                        F 1 Reply Last reply
                                        0
                                        • F FuXXz2

                                          @CrunkFX
                                          ja 😞
                                          Mehrmals, habe auch nen 2. ioBroker hier, der noch ganz frisch ist und nix installiert ist. Dort das gleiche Bild
                                          Unbenannt.jpg

                                          Aber ich versuche gerade mal ein paar andere Browser, vielleicht gehts bei irgendeinen

                                          F Offline
                                          F Offline
                                          FuXXz2
                                          wrote on last edited by
                                          #35

                                          @FuXXz2
                                          Die config Datei sieht genauso Schrott aus
                                          Aufnahme6.png

                                          Browser habe ich nun IE, Edge, Chrome, Opera, Firefox getestet

                                          CrunkFXC 2 Replies 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

                                          95

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          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