Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No icons on mobile app #95

Open
BuurmanG opened this issue Oct 27, 2024 · 2 comments
Open

No icons on mobile app #95

BuurmanG opened this issue Oct 27, 2024 · 2 comments

Comments

@BuurmanG
Copy link

I experienced that the icons no show up at the mobile app. I 'm running the latest version of HA:
Core 2024.10.3
Supervisor 2024.10.3
Operating System 13.2
Frontend 20241002.3

The code I use for the card is:
type: custom:flex-horseshoe-card
entities:

  • entity: sensor.islied14_temp
    decimals: 1
    tap_action:
    action: more-info
    area: ISLIED14
  • entity: sensor.islied14_pressure_rel
    decimals: 1
    tap_action:
    action: more-info
  • entity: sensor.islied14_humidity
    decimals: 0
    tap_action:
    action: more-info
    icon: mdi:water-percent
  • entity: sensor.islied14_dewpoint
    decimals: 1
    tap_action:
    action: more-info
    icon: mdi:water
  • entity: sensor.islied14_wind_speed
    decimals: 1
    tap_action:
    action: more-info
    icon: mdi:weather-windy
  • entity: sensor.islied14_wind_direction_cardinal
    tap_action:
    action: more-info
    icon: mdi:weather-windy
  • entity: sensor.islied14_precipitation_daily
    decimals: 1
    tap_action:
    action: more-info
    icon: mdi:umbrella
  • entity: sensor.islied14_uv
    decimals: 1
    tap_action:
    action: more-info
    icon: mdi:sunglasses
  • entity: sensor.islied14_solar
    decimals: 0
    tap_action:
    action: more-info
    icon: mdi:weather-sunny
  • entity: sensor.islied14_last_changed
    show:
    horseshoe_style: lineargradient
    scale_tickmarks: false
    layout:
    hlines:
    • id: 0
      xpos: 50
      ypos: 36
      length: 60
      styles:
      • stroke: var(--primary-color);
      • stroke-width: 2;
      • stroke-linecap: round;
      • opacity: 1;
        vlines:
    • id: 0
      xpos: 50
      ypos: 49
      length: 26
      styles:
      • stroke: var(--primary-color);
      • stroke-width: 1;
      • stroke-linecap: round;
      • opacity: 1;
        states:
    • id: 0
      entity_index: 0
      xpos: 50
      ypos: 32
      styles:
      • font-size: 2.5em;
      • font-weight: bold;
      • fill: var(--primary-color);
    • id: 1
      entity_index: 1
      xpos: 48
      ypos: 46
      styles:
      • text-anchor: end;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 2
      entity_index: 2
      xpos: 63
      ypos: 46
      styles:
      • text-anchor: start;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 3
      entity_index: 3
      xpos: 63
      ypos: 59
      styles:
      • text-anchor: start;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 4
      entity_index: 4
      xpos: 0
      ypos: 96
      styles:
      • text-anchor: start;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 5
      entity_index: 5
      xpos: 100
      ypos: 96
      styles:
      • text-anchor: end;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 6
      entity_index: 6
      xpos: 48
      ypos: 59
      styles:
      • text-anchor: end;
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 7
      entity_index: 7
      xpos: 56
      ypos: 72
      styles:
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 8
      entity_index: 8
      xpos: 62
      ypos: 83
      styles:
      • font-size: 1.3em;
      • fill: var(--primary-color);
    • id: 9
      entity_index: 9
      xpos: 50
      ypos: 97
      styles:
      • font-size: 0.7em;
      • fill: var(--primary-color);
        icons:
    • id: 1
      entity_index: 2
      xpos: 57
      ypos: 46
      size: 0.7
      styles:
      • color: var(--primary-color);
    • id: 2
      entity_index: 3
      xpos: 57
      ypos: 59
      size: 0.7
      styles:
      • color: var(--primary-color);
    • id: 3
      entity_index: 6
      xpos: 20
      ypos: 59
      size: 0.5
      styles:
      • color: var(--primary-color);
    • id: 4
      entity_index: 7
      xpos: 40
      ypos: 72
      size: 0.7
      styles:
      • color: var(--primary-color);
    • id: 5
      entity_index: 8
      xpos: 40
      ypos: 83
      size: 0.7
      styles:
      • color: var(--primary-color);
        areas:
    • id: 0
      entity_index: 0
      xpos: 50
      ypos: 16
      styles:
      • font-size: 0.8em;
      • font-weight: bold;
      • opacity: 1;
      • fill: var(--primary-color)
        horseshoe_scale:
        min: -10
        max: 40
        color_stops:
        "40": var(--primary-color)
        "-10": white
@falkio8
Copy link

falkio8 commented Nov 14, 2024

Can confirm. My newly set up horseshoe card works well on PC but on the iOS App no icons are shown at all.

I cant get any icons to work on iOS (mobile). Even if I take the examples provided in the github and place them in an empty masonry view. I tried to strip them as much as possible and tried different entities but no luck at all.

@ABRUUS
Copy link

ABRUUS commented Nov 14, 2024

Same here. Icons despaired in IOS App

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants