Home assistant picture entity card What i would like to do, is open another (custom) card when a button (on the picture elements) is clicked. 78, but the input type is set to number, and thus of the example values only 1. Can someone pls. I made a custom mod card with the entity card inside it. What is the best method to address this so they are May 9, 2023 · Is it possible to zoom or crop content in a picture entity card? Possibly using card-mod with css? This is the configuration I’ve used: type: picture-entity entity: camera. snaps menu_alignment: Bottom maximum_files: 10 caption_format: ' '. Thank you! May 27, 2019 · Hey Everyone! I recently updated to HASSIO version 0. Mine now Feb 15, 2022 · TIA as always is it possible to have the picture entity card change if the state is above or below a number i can get it to work if the state is an exact number but i need it to be like a gauge and change a specific picture between 10 & 25 then a different card between 25 & 50, is the only way a template and if so does a template work in the picture entity card. Nov 11, 2019 · I’m adding a camera to the frontend using the Lovelace Picture Entity Card but the documentation relating to aspect ratio seems to be incorrect. I was able to get it working using the code below and I could put this on a Mushroom Template card, but I’m trying to just show the picture on a big custom:button-card so you can just click on it to get you to the Jan 18, 2023 · Hi, is there any way I can configure an image that is hosted within the /media folder for the picture elements card? I know that I can use hosting but that will expose the media file to the whole web to see, since it doesn’t use authentication. I think picture card is very useful for example to display floorplans but sometime those are so detailed and with so many controllable enities that, especially on mobile phones, it is difficult to tap the right element. The problem there is that the image element is mostly a static image and not a live viewing of your camera stream. Please correct me if I’m misunderstanding, but it’s a simple way to show a local image instead of the icon in ha-icon, right? Dec 4, 2018 · The Picture Elements card in Home Assistant is one of the most flexible cards available for the Lovelace UI. As a May 1, 2019 · FYI, I played with this a few minutes and got the following to work: - type: picture-elements title: Picture Elements w Stream image: /local/FloorPlanExample. Those sensors don’t control the entities, however. Now im experimenting with the picture elements cards, So whenever my phone isnt at the URL of the picture. But no matter what I do, it will not be displayed to me. deurbel_history_1 Also had to change the timestamp to an INT in the post above. I tried Jan 7, 2023 · The picture-entity card is able to show either a static image, or a camera stream/still. I have the following code so far which shows a 2 picture with labels, each for a device (phone). Here’s a photo from the early stages of this project. How would this be accomplished? I already tried: - title: BG id: bg background: icon: mdi:door-open cards: - type: picture-elements image: /local/images/bg. Is this somehow Jan 7, 2020 · Situation: I have some cameras that I’m displaying with the picture-glance card. And works. The entity_picture appears as a thumbnail alongside the entity itself, but Feb 2, 2019 · I cannot seem to get the yaml correct to make a picture-glance card with the picture right-side up! cards: - entities: - entity: switch. server_temp_n:m where n:m is a number 0:29 they correspond to sensors on my home server. Perfect to run on a Raspberry Pi or a local server. The rotate label (rotation works fine) is moving further to the right. Powered by a worldwide community of tinkerers and DIY enthusiasts. Is there any way to decrease that 10 second refresh? I don’t see any option for this in the picture-entity docs. , I had a camera that I wanted to rotate by 90 degrees. - entity: person. type: picture-entity entity Sep 27, 2020 · Looking for the most current, simplest (and ideally secure) way to add an image to my home assistant server (Pi w/ Home Assistant OS 0. The only solution I’ve found is to use a new name for the image - however as there’s a fair Nov 12, 2018 · Hi, with Lovelace I no longer have my local pictures getting assigned to the devices I am tracking on an entity card. help me, what I Nov 20, 2020 · I’m in the process of creating a floorplan but got stuck when trying to display a thermometer and a energy consumption meter… Is there any way I can place a custom card on top of the picture-elements? Would like to have something like this: cards: - type: picture-elements image: /local/background. It turns out that you can’t add a picture-entity card into a picture_elements card - you can only use an image element. Apr 30, 2020 · I recently salvaged a screen from a broken laptop that my neighbor wanted to give for recycling. You can easily create a wonderful Lovelace (dashboard) in home assistant with u Jan 9, 2021 · Hi all! This seems to be oh so very simple, but can’t figure it out! I have made a picture glance card with 2 entities. Actually I have a entity (helper) with the URL in it’s state (or even better would be if it could be one of it’s attributes). In step 2, on the By card tab, select picture glance card. The Nov 14, 2023 · As you can see from the attached screenshot, I am attempting to create a person location bar consisting of 3 picture entity cards which display badges based on their location and, if away from home, the time of how far they are from home. A picture can have touch actions associated with it. Rotating elements. The YAML is this: type: custom:gallery-card title: Laatste 10 snapshots entities: - sensor. Instead of the label to change (home/not home) I’d like the picture itself to change. end_table_lamp camera_image: camera. E. Has anyone done anything like this? Currently all I have is: - type: picture Dec 29, 2022 · I would like to have the possibility to zoom picture element card. emma. Example with “skew” Styling custom cards inside the Picture elements card. If I try to add a [data-state="on"] attribute selector to the ha-icon element, it applies too high up in the CSS, and only gets injected Jan 2, 2024 · type: custom:stack-in-card cards: - show_state: true show_name: true camera_view: live type: picture-entity entity: binary_sensor. jpg elements: - type: custom:button-card color_type: card entity: sensor. icon) to show in picture-elements. 06200046bcddc2e96358 title: Living Room type: picture-glance image: /local/Livingroom. Is this possible? I’m building the dashboard on a tablet and the status bar holding all the icons is too small including the icons. buienradar show_state: false show_name: false camera_view: live aspect_ratio: 1 I would like to get the full card filled (you now see the card background at the bottom). What I am trying to do is set the color of each element based on the numerical state of the entity my sensors are on sensor. It makes some sensor with dates. carport show_name: false show_state: false type: picture-entity And with that above configuration, it will show a still image on the lovelace UI, which refreshes every 10 seconds. This is not about using the "card-mod" - everything regarding the "card-mod" will be described in the corresponding thread. I’ve loaded two images to a picture-element to change based on it’s state but the picture shows as massive. You don’t have to specify a path to a specific image through the configuration, it syncs automatically with the picture. 78 can be accepted, as you can’t type an x or : in the box. But I see the error: Unknown type encountered: picture-entity. I have seen solutions where a separate card is opened as a pop-up when motion is May 27, 2022 · I want to have a detailed 3D floor plan of my appartment in a picture elements card like the many awesome examples displayed in this thread. This happens if I have the image on the same line as the other image or below it. Dont face the same issue using other custom:cards. Everything is working how it should, apart from 3 2 issues. Home Assistant is open source home automation that puts local control and privacy first. Showing side by side so you can see what happens but as mentioned if I Aug 1, 2018 · I’ve been using the template platform for sensors to create little images inside of the UI circles that change when the state of the underlying entity changes. I want to be able to show the heatmap of the server based on their values. Nov 2, 2018 · Hi ! I’d like the main image of my picture-elements card (a 2D floorplan) to size according to the size of the display of the viewer, in a responsive manner. The picture entity card displays an entity in the form of an image. Dec 4, 2021 · currently I don’t know where my mistake is. So far so good, it’s working. Unless I’m missing something, it doesn’t seem to be able to show the entity’s entity_picture attribute as the picture, which seems like it should be an obvious fallback (like it already does if it points to a camera entity). Is there a way to use entity_picture_template to customize any entity? It seems that the only entities that respond to the entity_picture_template are sensors. state_not: St John Payne. blaha style: left: 40% top: 20% - type: custom:flex Feb 12, 2023 · The Picture Entity card displays an entity in the form of an image. Local path lets you pick an image stored Feb 1, 2020 · I am trying to set a state card on my main page am confused by how picture element deals with sizing. I’m ok with letting it be a still image card and I see it updates every 10 seconds with a new still image. wanhao_print_thumbnail entity: binary_sensor. The goal is to add May 2, 2022 · Hi there, I’m using some Profile Pictures for the HA users - and I have included them into a Picture entity for displaying the stauts of the person (Home, Away, in another zone)… While this is working quite well, my initial Idea was that the picture should be greyed out / greyscale - when the person has left the “home” zone… but this does not happen. Nov 14, 2022 · In the previous versions, the live image of a camera identity on a picture-glance card was displayed almost full screen when tapping on it. Couple that with the panel mode of a view it simply looks stunning. Or is there a better way to display a camera image in the meantime? Sep 18, 2020 · **Can I point picture (or glance/entity) cards to a local file WITHOUT putting that file in the publicly accessible /www directory? ie keep them somewhere else on the system and reference that in the card instead of ‘/local/image. png is an 100% background image, 704x396 Apr 8, 2020 · I would like to display an image in the picture-elements card depending on a sensors value. Dec 16, 2022 · Next, add the rotation to your entity via the card_mod code. I’m playing with my floorplan using a Picture-Elements card. **New Problem:**picture-glance card doesn't refresh the image from image_path Dec 3, 2024 · i already found it. I wanted to add custom CSS to get a fan icon rotating, so I’ve installed card-mod. png panel: true type: picture-elements elements: - conditions: - entity: input_boolean. It seems it should work, but unfortunately it doesn’t. What I’d like to do is also add the next moon rise time as a caption on the card, using AstroWeather’s sensor. I’ve got it working all bar one issue. For some reason th etimestamp is not the same when you write it compared to when you read it to fetch your image (looks like a bug). Feb 6, 2020 · who knows how to add my own picture in the custom button cart - entity: script. I’ve tried restart Home-Assistant, rebooting, refreshing the browser cache (ctl-f5). Can be a local path. 09), but you will need to create a fake sensor that you can address. The docs say that the aspect ratio should be a string, with examples being 16x9, 16:9 and 1. Mar 14, 2020 · I am using the trash information card to show with trashcan I have empty. However, when a new image is saved by the automation, the picture card will still show the previous (first saved) snapshot. Add a picture: Upload picture lets you pick an image from the system used to show your Home Assistant UI. The traditional way seems to be Hosting Files which requires manually creating folders, reboots, and publicly exposed files. However I want our pictures to be small, and not use like 20% of the screen. If I add the image to the media folder in HA, can I add it to as dashboard as an entity? Edit - Solved - put the image in your config/www folder, then use the picture card and this path: /local/your_picture_here. io. I wanted to build a Photo Frame that would display a slideshow background with personal images and also popup cards with any useful information regarding my home status. Adding a picture glance card to your dashboard . Sample use cases: Scraper custom sensors that retrieve the URL of an image that changes over time. Picture glance card for a living room. This is my code at the moment: cards: - type: picture-entity entity: device_tracker. While they show fine in a picture card, I would like the image to open in a larger dialog when I tap (much like my cameras do when using the picture-entity card). Adding a picture card to your dashboard . 0 adds support to Lovelace to show camera streams as part of cards. yaml as the name of a generic camera (which I use in a picture-entity card to show a random image of a record from the Discogs sensor), and also tried to change the name of the card in `ui-lovelace. It groups items together into lists. I expected the Picture Entity May 15, 2020 · I am trying to set up a picture elements card with conditional formatting. Sep 22, 2018 · The original solution of using a state-label still works (2024. astroweather_moon_next_rising, probably by changing the name of the card. I have tried styling with card-mod but can’t seem to “target” ha-icon in any meaningful way. Thanks Aug 25, 2020 · It’s a level above the “actual card”. Thanks for replying anyway - type: custom:mod-card view_layout: grid-area: panel style: | ha-card { width: 658px !important; height: 370px !important; } card: type: vertical-stack cards: - type: picture-entity entity: camera. trash_first These widgets fill up the whole available space in a card. When anyone leaves home, the icon changes to a car, and it displays the distance time away. The config I have right now is - entity: sensor. state_not: home. The custom-frigate-card produces the same non-result as the Picture Entity card and the Picture Glance card: no image is displayed in any of these cards. The code that worked for me was: type: horizontal-stack cards: - show_state: true show_name: true camera_view: auto type: picture-entity entity: came… Dec 18, 2022 · Thank you, been looking allover how to display a hosted image (thumbnail) from an Entity attribute. What could i do wrong? type: picture-entity entity: switch. Something more global seems to have gone wrong in my setup. Or is there any other way you can toggle the actual image so that you can have two floor in a picture elements card and toggle the image and all the entities? image: local/GroundFloor. home_hourly show_current: true show_forecast Jan 24, 2024 · Name Type Default Description; entities: string: Required: A list of entity_id of a files sensor, folder sensor, or camera entity, or the media source path (see below). When I replace an image on the Pi, the new image is not picked up. Now I want to make an picture-entity with the picture of the trash can and the date it should be emptied. It doesn’t seem to work, even though in developer tools the template renders as expected. huhnerstall_hd_stream - type: horizontal-stack cards: - type: button icon: mdi:arrow-down-drop-circle-outline tap_action: action: - device_id Mar 31, 2021 · Hello, in a love-lace Picture card i can add a URL to a picture which is than shown. 0W → 1234. I was previously using picture card, but if I do this plan, I wouldn't be able to open live view with it, so instead I'm use picture-glance and set the camera as the entity so that it shows a camera icon in the footer which I can click to open live view. Currently the state of the camera is displayed which is useless. To provide more flexibility in the image refresh rate a new user-configurable attribute has been added to the picture-entity card. It can be used to display an entity’s state or attribute, but also contain buttons, web links, etc. ac_0 style: top: 60% left: 53. When I try to Home Assistant is open source home automation that puts local control and privacy first. picture glance picture entity picture element My Home Assistant camera. It only supports the following card types though. type: weather-forecast entity: weather. As per the configuration variables below the card picks up cool, fan_only etc. 92 and with that started to move over to the Lovelace UI. With one of the latest updates, this is no longer the case. elements: - type: conditional Jan 28, 2021 · I have a picture-elements card and would like to absolutely position and scale an image (the arrow) in that card. Just create a template sensor and use that template sensor as the card Entities card The entities card is the most common type of card. Two queries: I want to show the temp/humidity as a value instead of the sensor icons. i get the more-info popup when i tap on the value, but i’d like to get it when tapping anywhee on the card, just as in the sensor card. . Feb 2, 2023 · Hello! I’ve got a picture-entity card that shows the current moon phase, based on the moon integration. 1, but this problem was also in the previous Jan 21, 2024 · When you add a new mushroom person card, make sure you are selecting ‘entity picture’ under ‘icon type’ ksnip_20240121-131910 792×775 41. I found that I can have an entity like this: Aug 22, 2019 · The Picture Entity card displays an entity in the form of an image. It would have to make a service call into home assistant with the template and get a response, then render the response in javascript. Can anybody shed some light on it? This yaml works, but I need the condition to be based on the value of the entity attribute: - type: conditional conditions: - condition: state entity: sensor. It contains basic hints for styling elements. yaml:. no Feb 11, 2019 · Looked for similar issue but can’t see them. Now when i hover over the entities of my phone, i can actually see the sensors its value, which i expect. For an example, here’s Feb 17, 2021 · I configured a picture entity card with the printing status and the camera feed (I might put this into a conditional, but I kind of like seeing it all the time): type: picture-entity camera_image: camera. The cameras are from ZoneMinder, so they have event counts as state. Local path lets you pick an Jul 12, 2022 · If it fixes a bug or resolves a feature request, be sure to link to that issue in the additional information section. temp_srednia show_icon: false name: '[[[ return Home Assistant is open source home automation that puts local control and privacy first. Oct 14, 2021 · Hi, I have been struggling for sometime to get a “person card” in a way that was looking nice and that would provide the information that I was expecting to see in a glance. I’m trying to rotate them with transform: rotate(90deg) through card-mod in a picture-entity card, but after doing that it doesn’t respect the container as it was before the rotation. energy_power Jul 5, 2021 · So I have been looking for a card that behaves like the State Label badge when it comes to person pictures - when you set a person entity as the entity for that badge, the person’s profile picture, that has been set through the UI, shows up. 56W) in width. Screenshot of an entities card with a picture header and buttons footer. yaml’ ? Does anyone have an config example of how to assign an image on an entity card? Thanks for your help! Sep 15, 2018 · Hi, I’m planning on using the picture entity card to show a picture of me and my wife in color or grayscale depending on location. 92. So far so good. 3 KB Thediabeticway (Dave ) January 21, 2024, 2:01pm Jul 26, 2021 · I’ve got a picture-elements card configured nicely. Anyhow, would love to see how your current approach looks and maybe get some more ideas. The pictures are located under the folder: / config / www. cam1_events, which is a number value. Unfortunately the entities don’t apply any rotation changes to the maps in the Roborock app. One thing that has been bugging me is showing snapshots on my LoveLace UI. To add a card, follow steps 1-4 on adding a card from a view. Is there a way to set it to center the image when forcing an aspect ratio? Card: Actual Image: The code: type: picture-entity entity: camera. The entities show up on the bottom left of the card, but i want them on the bottom right. It’s huge. The idea is to display the red label only when an update is available How to display a link? Jan 12, 2021 · I find the live view in the picture-entity is generally delayed by around 10 seconds and can increase if the tab is left open for a while. Sep 26, 2023 · Have some challenges trying to get the weather icon (not state. I also have a separate zigbee motion sensor covering the camera area and would like to switch the Picture entity card from auto to live when motion is detected on the zigbee motion sensor. In other words: I want to merge both lines. Today, I’m going to show you how to set up an image of a floor plan and add entities to that image using the Picture Elements card. To add the entities card to your user interface: In the top right of the screen, select the edit button. If I click on the still image, then it will show the stream. jlw52761 (Jody Whitlock) January 24, 2024, 3:31am May 11, 2021 · This can now be displayed with a Picture Entity card: type: picture-entity entity: camera. Widget to show a picture as a header or a footer. jpg size: 35px style: - color: var(--sidebar-selected-icon-color) type: 'cu… Sep 15, 2021 · I have setup this picture elements card: It’ basically the same as the nice sensor card without the graph, but with a larger font for the value and 2 lines of info. The picture card has a number of buttons on it. I have made a picture element card for each room with thermostat and lighting but I am now trying to make a picture element for my boiler. 7% title: null width: 10% state_image: cool Apr 25, 2019 · Home Assistant v0. Ildar_Gabdullin (ildar gabdullin) February 12, 2023, 7:43pm May 23, 2024 · Hi, I have a Picture entity card that shows a camera and is normally set to Auto refresh which is fine most of the time. Oct 21, 2024 · The Roborock integration provides image entities for maps that I’d like to display on my dashboard. 3. front_door Screenshot of the picture card. Instead of images from URL, it can also show the picture of camera entities. I’m excited about the prospect of adding my Wifi QR code to my dashboard for easy guest access. jpg Jul 8, 2024 · I’m trying to use the show_entity_picture in the tile card, and can’t quite figure out how to make it work. love… Oct 28, 2018 · Hi, Have been experimenting with lovelace and made some really great picture element cards for my heating system. floor state: 'on Apr 8, 2020 · TLDR; I am displaying a camera still picture with an picture-entity and I want to display the state of an entity on the right lower end of the picture. Thanks for this suggestion. Is there a way to increase the Nov 5, 2020 · I have a lovelace picture elements card that looks fine. deurbel_history_1 camera_image: camera. I have double checked that a new snapshot has been saved by renaming the file and displaying the renamed file in a new picture card th Jul 7, 2022 · Annotation says "entity pictures added in all cards", but I can't understand how. sensor: - platform: template sensors: blank_blank: friendly_name: "Blank Blank" value_template: " " Feb 12, 2023 · I’m trying to rotate a picture-entity camera by 90 degrees. I have solved it in another way using the Gallery-card. So I can understand that to a point. is that possible? here’s the yaml code: empty. discogssensorname','cover_image') }}" Feb 23, 2020 · Hi, how can I change an icon of an entity to my own pic and not from mdi website? for example to change the persons icon to their real photo. g. deurbel_profile_name Apr 10, 2021 · I like the simplicity of the picture glance cards for room configurations. How can I resize this image? I’ve tried reading up on style but unfortunately it doesn’t make sense to me. huhnerstall_pforte_tur camera_image: camera. io Jun 12, 2021 · This thread is dedicated to people who started using the Picture elements card. --> The hui-image used in picture-entity card has a hard-coded refresh rate of 10 seconds. I’m able to get it to show more or less correctly in the grid by forcing the Picture Entity to an aspect ratio of 16:9 however this just crops off the bottom of the image. It would take a custom card to be able to render a jinja template. This is very recent - just updated today to core-2022. The following code has been working just fine for the picture-entity, but I can’t seem to parse how Jul 10, 2021 · #home_assistant #picture_card #picture_elementPicture Card and how to use it. png style: width: 100% height: 100% elements: all kinds of elements go here Feb 9, 2023 · type: picture-elements image: /local/tv. Does anyone know why? Apr 14, 2020 · Cards are javascript. Such cards do exist…but these aren’t it. Sep 24, 2021 · Dear HomeAssistant friends, I have an question, i was experimenting the picture-glance and picture elements cards: Whenever i use the picture glance card: Easy code, straight forward. Oct 10, 2021 · I’m using a Picture Elements Card to make a replica Air Conditioning control panel for an AitTouch 4 system. In this video I will show a cool card option Jan 22, 2020 · I have a very basic set up trying to show when I am home and away. Is there a better way to achieve this type of look? Thanks! Jul 18, 2021 · I have three cameras that are 16x9 but my doorbell camera is 4:3. james_s10 state_image Jan 21, 2020 · Is there a way to get entities card without the icon? Setting icon: ’ ’ remove the icon but leaves a big empty space there. I’m trying to swap the picture in the Picture Entity Card. Given that URL (this URL can change) I would like to show the picture (given by url) on lovelace. What I’m looking for as an option how to do this dynamically. mutually exclusive with entity: entity: Picture entity: mutually exclusive with url: attribute: Entity attribute: no: tap_action: Action on tap: no: noMargin: Whether to disable the margin around the picture. As you can see from the attached image below, I have created a picture-entity bar which displays the state of a person/animal in the home. Card )… And your’s a picture-entity-card( which havent got the “style-option” ) Anyway … Nov 23, 2020 · Hi all, I thought I would share something I figured out when attempting to add a camera stream to a picture_elements card when the view is in panel mode. But the problem is I cannot get the date as name of the picture card, it always show Object object instead of the date. Background changes according to the entity state. After many interactions and backs-and-forths, with Button-Card, I believe that I got it right for what I had in mind. Can someone point me in the right direction please… Does Lovelace use ‘known_devices. The size of the images is all over the place. But old the image is still used. play_radio2 entity_picture: local/radio2. Header and footer can be used on the following cards: Entity; Entities; Statistics; Picture header & footer . Is this a limitation of the the weather-forecast card? Any suggestions welcome? The below shows the weather-forecast card correctly on its own in the dashboard. jpeg style: transform: rotate(180deg) It might not be possible. What I want is to show a picture on the dashboard if a device’s state is ‘home’, and a different picture if that same device is ‘not_home’. Is there a simple “alignment-right” option i can set somewhere? I’d also like to trigger a script upon tapping the individual icons: One should start netflix on my TV, the other Aug 19, 2019 · Left is the old picture-glance setup, right is the new picture-elements setup. Available for free at home-assistant. Being able to zoom will drastically increase the usability on smaller screens. Apr 25, 2024 · First thanks for all the replies. See full list on home-assistant. camera: platform: generic still_image_url: "{{ state_attr('sensor. More like the size of the little state cards. I have an ebusd bridge so can get all sorts of data from my boiler controller such as flow and return temperatures, water pressure, pump status Feb 2, 2021 · Hi guys, I have an question about one custom made card, which i want full transparent on the borders, as example an encircle:: This is my card config: Apr 18, 2022 · I’m trying to use the state of this sensor, {{states('sensor. I would like to be able to display that number in the entities list, but it doesn’t seem like there’s any way to do that without dropping it to a new line and looking pretty bad. When I right click an image from the media browse and copy the url authSig is added as an attribute, but that Sig Key does expire. Add this to configuration. Allowing to add icons, text, and services on different parts of an image. And call me crazy, but I don’t want you weir… Then edit dashboard, add card by entity, search up the camera entity you created above, and add the suggested picture entity card to the dashboard. Hardware Sony VAIO LTN154XB-L01 screen External controller board for the Jan 10, 2024 · Then I have added a Picture Card on the dashboard that shows this snapshot. jpg’ ** – A further question: I use a few custom cards via hacs. Your question has nothing to do with the OP’s question, as his “picture” is the "background-image ( in Picture-Element. - type: image entity: climate. yaml configuration is this: - platform: generic name: Camera1 stream_source: !secret camera_camera1_stream_source still_image_url: !secret camera_camera1_still_image_url - platform Feb 8, 2019 · Hello, I started building my UI from scratch in Lovelace. Using this great post as a starting point, I can make an icon (ha-svg-icon) rotate, but I can’t make it state-based. For me in chips works only old format "use entity picture: true" (entity chip Mar 23, 2019 · So my entity card looks like this: entity: camera. 115. I’ve placed two cards in a horizontal stack. Is there a way to adjust the size of the displayed image? The aspect ratio can be adjusted as well, after all. I played with the aspect_ratio, but this didn’t Apr 19, 2023 · Does anyone know of any example of where “buttons” can be replaced with custom jpegs where they fill the entire button??? I want to replace the whole mdi look of HA to something more “custom” with my own buttons. Just a few questions remain: There doesn’t seem to be a generic “panel” element for the picture-elements that I could style with CSS to reproduce the semi-transparent black bar in the picture-glance card. octoprint_printing show_name: true It looks pretty good: Apr 15, 2024 · Hi, I’m attempting to create a condition based on an entity attribute in a picture elements card, to show or hide a state-label. Sep 30, 2019 · I tried to place the template in configuration. this is the config: - entity: person. jewish_calendar_day_of_the_omer')}} to show different images on this picture elements card. Nov 16, 2021 · Hi, I have a follow up question on the rotation part … my labels text is changing (9. osram_smart_bugelsteckdose Jan 23, 2024 · The picture entity card displays an entity in the form of an image. Feb 5, 2021 · I want to use the URL of a sensor attribute as the state_image in the Picture Entity Card, if it supported templates this would be great. ------ Details ------ Hello everyone, I have an Husqvarna Automower and integrated it with the following HACS plugin: https://github Feb 3, 2020 · Hi, Been playing around with HA for a while now, and have most things setup. 2) and then reference it in a Picture Entity card. The original image is 500x600 but I resized to 125x150 and it stretches it to larger. When I added the AC modes I used an image element. In step 2, on the By card tab, select picture card. I know how to position the image but unfortunately the position varies a bit : That’s the part to position the image: Nov 2, 2022 · Hi, I’m trying to put a card in my main dashboard to show the entity_picture of the last active media player (last one in playing state, and if not last one in paused state). jpg elements: - type: image entity: light. my_camera_ffmpeg camera_view: live What I get is an floor plan as the main background which contains a small window with motion video sourced from my_camera_ffmpeg. yaml’. dzej ducf zpwaj pxup jsmvib mmscxvg uyomsbp drooh sndmf ptxebk