path: tiles
title: Tile Test
theme: Backend-selected
badges: []
panel: true
cards:
  - type: 'custom:layout-card'
    column_width: 100%
    layout: vertical
    cards:
      - type: 'custom:layout-card'
        layout: grid
        gridcols: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px
        gridrows: 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px 50px
        cards:
          - type: 'custom:button-card'           #
            entity: sensor.outside_temperature   #
            gridcol: 1/3                         # Your first
            gridrow: 1/3                         # card
            name: Outside                 #
            label: 238 McHaley
            template: large_value            #
          - type: custom:canvas-gauge-card
            entity: sensor.outside_humidity
            name: Humidity (%)
            card_height: 135
            gridcol: 4/7
            gridrow: 1/3
            gauge:
              type: "radial-gauge"
              width: 120
              height: 120
              # borderShadowWidth: 0
              # borderOuterWidth: 0
              # borderMiddleWidth: 0
              # borderInnerWidth: 0
              # minValue: 0
              # maxValue: 100
              # startAngle: 90
              # ticksAngle: 180
              # valueBox: true
              # majorTicks:
                # ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"]
              # minorTicks: 2
              # strokeTicks: true
              # highlights: [{ "from": 80, "to": 100, "color": "rgba(200, 50, 50, .75)" }]
              # borders: true
          - type: 'custom:button-card'           #
            entity: sensor.inside_temperature   #
            gridcol: 1/3                         # Your first
            gridrow: 4/7                         # card
            name: Inside                 #
            label: 238 McHaley
            template: large_value            #
          # - type: weather-forecast
          #   entity: weather.praire_city_weather
          #   gridcol: 4/14                        # Your first
          #   gridrow: 1/5