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.
-
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.
-
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.
-
Beta Was this translation helpful? Give feedback.
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.
-
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.
![image](https://private-user-images.githubusercontent.com/25486599/242093133-b5fa3194-d211-4ee9-a274-b4ac8e87ee06.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMDAzNzAsIm5iZiI6MTcyNDEwMDA3MCwicGF0aCI6Ii8yNTQ4NjU5OS8yNDIwOTMxMzMtYjVmYTMxOTQtZDIxMS00ZWU5LWEyNzQtYjRhYzhlODdlZTA2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDIwNDExMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyN2E0NmQyN2MyNWMxMDU3OGYwMmVmMzQxNjhkNzhlZjE4NWE4ZjJkMjAxZTU3YTY1YWQzYWYyNWFlOWJiZjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.uasrz-nNROeNRAi7CxEZv3oucUyd13eH25TCqy-tUxU)
Beta Was this translation helpful? Give feedback.
All reactions