Let's See Your Dashboards!

[PRProd]

Show us your dashboards! We are all using Firemote just a little bit differently, and I know that we've all been inspired by looking at what others have created, so upload your dashboard and inspire someone today!

This is one of the views that I use while I'm working on Firemote development.

[PRProd]

Here are two examples out of several that were posted by a Firemote user in a Facebook group. https://www.facebook.com/groups/HomeAssistant/permalink/3506479849623360/ Aren't they beautiful?

[andreasbuff]

Hello, great job. Question: How did you change the remote to Landscape-Mode?

[PRProd]

Greetings @andreasbuff!

Landscape-Mode is simply just a different remote style option that is simple to change. By default, the Firemote card will choose the remote style that came with your device, but you don't have to use that one on your Home Assistant Firemote card..

The remote style can be changed through the Visual Editor or through the Code Editor (YAML):

Visual Editor

From inside the Visual Editor, simply find the Remote Style dropdown menu, and choose a different style of remote.

The remote style pictured above is the App Launcher 2 option.

Code Editor

type: custom:firemote-card
entity: media_player.fire_tv_192_168_107_88
device_family: amazon-fire
device_type: fire_tv_4_series
compatibility_mode: default
defaultRemoteStyle_override: ''
app_launcher_relative_size: 0

The YAML entry that you need to add or change is defaultRemoteStyle_override. A current list of the options can be found in the README.md file under the YAML Card Setup Options section.

In this case, the one you would want to choose is AL2 which would change the YAML example above to this:

type: custom:firemote-card
entity: media_player.fire_tv_192_168_107_88
device_family: amazon-fire
device_type: fire_tv_4_series
compatibility_mode: default
defaultRemoteStyle_override: AL2
app_launcher_relative_size: 0

I hope this helps!

[thos-edison]

Still a work in progress, but the Firemote looks great sitting next to the on-screen TV. I have lots of real estate to play with, so I have lots of plans. 😁

(I'm actually using .onn and Chromecast w/GoogleTV boxes, but found the fire remote more useful.)

[PRProd]

A mobile example from @neilimixamo posted here: https://community.home-assistant.io/t/lovelace-firemote-card-remote-controls-for-amazon-fire-android-devices/471038/71

[neilimixamo]

Here is the full page popup remote view:

code

title: media_tv_remote
path: media_tv_remote
icon: mdi:remote-tv
theme: Quick Look Mobile
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,243,253,1) 15%)
type: custom:grid-layout
layout:
  margin: -0.5vh 1vh 0vh
  grid-template-columns: auto
  grid-template-rows: min-content
  grid-template-areas: |
    "main"
cards: 
  - type: custom:layout-card # MAIN
    view_layout:
      grid-area: main
    layout_type: custom:vertical-layout
    layout:
      margin: 0vh 0vh 0vh
      padding: 0vh 0.4vh
    cards:
      - type: custom:button-card
        styles:
          card:
            - background: transparent
            - height: 97vh
            - width: 91vw
            - padding: 0px
            - box-shadow: none
            - cursor: none 
            - --mdc-ripple-press-opacity: 0 
          grid:
            - display: flex
            - justify-content: center
            - align-items: flex-end
        tap_action:
          action: navigate
          navigation_path: media_tv
        custom_fields:
          remote:
            card:
              type: custom:firemote-card
              entity: media_player.tv
              device_family: chromecast
              device_type: chromecast-4k
              compatibility_mode: default
              android_tv_remote_entity: remote.tv
              defaultRemoteStyle_override: #'XM2'
              app_launch_1: youtube
              app_launch_2: tivimate
              hide_button_highlights: true
              button_overrides:
                netflix-button:
                  hidden: true
              scale: '100'
            card_mod:
              style: |
                ha-card {
                  width: min-content;
                  padding: 0px;
                }

[MRobi1]

Could you also post the yaml for the card on the dashboard itself?

[jbeck22]

Same -- I would be interested in the card details too.

[neilimixamo]

Absolutely, you can find my full dashboard here: https://github.com/neilimixamo/Home-Assistant-Quick-Look-Mobile

[lomanneh61]

@neilimixamo Thank you for the beautiful Dashboard. I download and install per instruction and get some of my entities working but could not find the integration for this remote. am I missing something?

[PRProd]

@neilimixamo ~

Your post was featured on YouTube a few days ago! I thought you might like that. Thanks for sharing your stuff!

[andreasbuff]

Hello Just perfect! Thanks a lot. Regards. Andreas

[bacco007]

---
type: custom:stack-in-card
cards:
  - type: entities
    entities:
      - type: custom:paper-buttons-row
        buttons:
          - icon: phu:apple-tv-box
            layout: icon|name
            name: Apple TV (Bedroom)
            style:
              name:
                filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5))
                margin-left: 18px
                font-size: 15px
                font-weight: 600
                color: var(--title)
              icon:
                filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.5))
                "--mdc-icon-size": 20px
                color: var(--title)
        style: |
          div.flex-box {
            margin-top: -6px;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
      - type: custom:hui-element
        card_type: grid
        columns: 1
        square: false
        style: |
          ha-card {
            background-color: var(--card-background-color);
            padding: 2px;
            box-shadow: none;
          }
        cards:
          - type: custom:mini-media-player
            entity: media_player.bedroom_apple_tv
            name: Apple TV (Bedroom)
            volume_stateless: false
            group: false
            artwork: cover
            source: icon
            info: scroll
            hide:
              volume: true
              source: true
              power_state: true
            style: |
              ha-card {
                background-color: var(--background-color) !important;
                box-shadow: none !important;
              }
          - type: custom:layout-card
            layout_type: custom:grid-layout
            layout:
              grid-template-columns: auto auto
              grid-template-rows: auto
              grid-template-areas: |
                "left right"
            cards:
              - type: custom:firemote-card
                entity: media_player.bedroom_apple_tv
                device_family: apple-tv
                device_type: appletv-4k-gen2
                compatibility_mode: default
                apple_tv_remote_entity: remote.bedroom_apple_tv
                defaultRemoteStyle_override: ""
                app_launch_1: ""
                app_launch_2: ""
                app_launch_3: ""
                app_launch_4: ""
                visible_name_text: ""
                scale: "70"
                view_layout:
                  grid-area: left
              - type: custom:firemote-card
                entity: media_player.bedroom_apple_tv
                device_family: apple-tv
                device_type: appletv-4k-gen2
                compatibility_mode: default
                apple_tv_remote_entity: remote.bedroom_apple_tv
                defaultRemoteStyle_override: AL1
                app_launcher_relative_size: 0
                app_launch_1: apple-tv
                app_launch_2: apple-tv-music
                app_launch_3: channels-dvr
                app_launch_4: plex
                app_launch_5: kayo
                app_launch_6: optus-sport
                app_launch_7: abc-iview
                app_launch_8: sbs-on-demand
                app_launch_9: seven-plus
                app_launch_10: nine-now
                app_launch_11: ten-play
                app_launch_12: netflix
                app_launch_13: stan
                app_launch_14: binge-au
                app_launch_15: flash
                app_launch_16: prime-video
                app_launch_17: spotify
                app_launch_18: youtube
                scale: "70"
                view_layout:
                  grid-area: right

[LoznOz]

Nice one! I've just started using Firemote may I ask as I see you added Kayo (amongst others) - where is the Kayo logo (or any other) stored for these please (I know its probably in readme / docs) I did read by may have missed.
thanks

[PRProd]

Great question, @LoznOz!

All of the app logos are SVGs, and they are stored in the file named launcher-buttons.js

[NightShaman]

Working on integrating with my Harmony hub, and shield. Using Conditional cards when the Shield is selected you see this.

Then when watching TV you see this.

Still a work in progress. Main use is on a tablet.

[dtremere]

curious how you are controlling the comcast box?

[NightShaman]

I control it though my Logitech Harmony Hub. Just using the card to control the hub.
As the Harmony Hubs are discontinued it will be a sad day for me if it dies.
I am testing a Broadlink RM4 Pro, to see if I can replace the hub with that. Since the card is super customizable already it should work that as well.

[LoznOz]

Love this idea - just getting started with this (Firemote) and that is exactly what I had in mind when I saw what Firemote may be capable of. Ive got three Harmony Hubs and three Harmony Elite remotes, integrated into Google Home (with all its limitations) and progressively figuring out how HA may serve this better or in parallel. Do let us know how you are getting on

[PRProd]

@LoznOz ~ You might gain some insight by looking at the Wiki article entity: none