Let's See Your Dashboards! #129
Replies: 9 comments 18 replies
-
|
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? |
Beta Was this translation helpful? Give feedback.
-
|
Hello, great job. Question: How did you change the remote to Landscape-Mode? |
Beta Was this translation helpful? Give feedback.
-
|
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 EditorFrom 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 Editortype: 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: 0The 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: 0I hope this helps! |
Beta Was this translation helpful? Give feedback.
-
|
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.) |
Beta Was this translation helpful? Give feedback.
-
|
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 |
Beta Was this translation helpful? Give feedback.
-
|
Here is the full page popup remote view: codetitle: 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;
} |
Beta Was this translation helpful? Give feedback.
-
|
Could you also post the yaml for the card on the dashboard itself? |
Beta Was this translation helpful? Give feedback.
-
|
Same -- I would be interested in the card details too. |
Beta Was this translation helpful? Give feedback.
-
|
Absolutely, you can find my full dashboard here: https://github.com/neilimixamo/Home-Assistant-Quick-Look-Mobile |
Beta Was this translation helpful? Give feedback.
-
|
@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? |
Beta Was this translation helpful? Give feedback.
-
|
Your post was featured on YouTube a few days ago! I thought you might like that. Thanks for sharing your stuff! |
Beta Was this translation helpful? Give feedback.
-
|
Hello
Just perfect! Thanks a lot.
Regards. Andreas
|
Beta Was this translation helpful? Give feedback.
-
|
---
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 |
Beta Was this translation helpful? Give feedback.
-
|
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. |
Beta Was this translation helpful? Give feedback.
-
|
Great question, @LoznOz! All of the app logos are SVGs, and they are stored in the file named launcher-buttons.js |
Beta Was this translation helpful? Give feedback.
-
|
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. |
Beta Was this translation helpful? Give feedback.
-
|
curious how you are controlling the comcast box? |
Beta Was this translation helpful? Give feedback.
-
|
I control it though my Logitech Harmony Hub. Just using the card to control the hub. |
Beta Was this translation helpful? Give feedback.
-
|
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 |
Beta Was this translation helpful? Give feedback.
-
|
@LoznOz ~ You might gain some insight by looking at the Wiki article entity: none |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Hi guys, I'm still a beginner with HA and Firemote, I have to say that up front. So there is certainly still potential in the design, but I am very satisfied with the function. I also use Firemote once as normal to control a FireTV Stick 4K Max. This also works without any problems. Attached is a scrollshot of the mobile view and the code.
|
Beta Was this translation helpful? Give feedback.
-
|
Thank you for including your YAML files! You've really made the most out of customizing your Firemote! I'm so happy that you're enjoying my project! |
Beta Was this translation helpful? Give feedback.
-
|
Hi everyone! This is my contribution. Since I don't use the app start buttons that often I put them on a separate card (app launcher 1). Both cards framed is a swipe card so I only have one card that I can swipe to access the app start buttons.
|
Beta Was this translation helpful? Give feedback.
-
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.
Beta Was this translation helpful? Give feedback.
All reactions