Bubble card not showing up???

[geidorei]

Installed via HACS, cache cleared, rebooted etc, but bubble card not showing?

Any ideas?

[Clooos]

Is there any error in your browser console?

[chintito4ever]

Not OP but I am having similar issue, installed version 2.0.0beta2

`type: vertical-stack cards:

• type: custom:bubble-pop-up hash: '#input' icon: mdi:math-log name: Gas Log bg_color: rgba(0. 150, 136, 0.9) bg_opacity: 40 bg_blur: 69 shadow_opacity: 10
• type: custom:bubble-card card_type: separator name: Input icon: mdi:gas-station
• type: horizontal-stack cards:
  • type: custom:mushroom-number-card entity: input_number.gas_fillup icon_color: teal display_mode: buttons tap_action: action: more-info hold_action: action: none double_tap_action: action: none name: Gas Input card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(173, 216, 230, 0.5) 30%, rgba(240, 255, 255, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 10px; --secondary-text-color: #000080; }
  • type: custom:mushroom-number-card entity: input_number.gas_price_mi icon: fas:comments-dollar icon_color: indigo display_mode: buttons tap_action: action: more-info hold_action: action: none double_tap_action: action: none name: Price Input card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(173, 216, 230, 0.5) 30%, rgba(240, 255, 255, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 10px; --secondary-text-color: #000080; }
• type: custom:bubble-card card_type: separator name: Since Last Fillup icon: mdi:gas-station-in-use-outline
• square: true type: grid cards:
  • type: vertical-stack cards:
    • type: horizontal-stack cards:
      • type: custom:mushroom-template-card entity: sensor.fuel_consumption_since_last_fill_up primary: Fuel secondary: > {{ states('sensor.fuel_consumption_since_last_fill_up') | round(1) }} gal tap_action: action: more-info icon: mdi:fuel icon_color: '#003366' layout: horizontal fill_container: false multiline_secondary: false card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(173, 216, 230, 0.5) 30%, rgba(240, 255, 255, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 20px; --secondary-text-color: #000080; }
      • type: custom:mushroom-template-card entity: sensor.miles_driven_since_last_fill_up primary: Distance secondary: > {{ states('sensor.miles_driven_since_last_fill_up') | round(0) }} mi tap_action: action: more-info icon: mdi:map-marker-distance icon_color: '#FF8C00' layout: horizontal fill_container: false multiline_secondary: false card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(255, 140, 0, 0.5) 30%, rgba(255, 237, 160, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 20px; --secondary-text-color: #8B4513; }
    • type: horizontal-stack cards:
      • type: custom:mushroom-template-card entity: sensor.accord_fuel_efficiency_since_last_fill_up primary: Efficiency secondary: > {{ states('sensor.accord_fuel_efficiency_since_last_fill_up') | round(1)}} mpg tap_action: action: more-info layout: horizontal icon: mdi:fuel-cell icon_color: '#228B22' fill_container: false multiline_secondary: false card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(34, 139, 34, 0.5) 30%, rgba(173, 255, 47, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 20px; --secondary-text-color: #006400; }
      • type: custom:mushroom-template-card entity: sensor.days_since_last_fillup primary: Elapsed secondary: | {{ states('sensor.days_since_last_fillup') }} days tap_action: action: more-info layout: horizontal icon: mdi:calendar-clock icon_color: '#4B0082' fill_container: false multiline_secondary: false card_mod: style: .: | ha-card { background: linear-gradient(to bottom right, rgba(75, 0, 130, 0.5) 30%, rgba(216, 191, 216, 0.5) 100%); } mushroom-state-info$: | .container { --card-secondary-font-size: 15px; --card-primary-font-size: 20px; --secondary-text-color: #800080; } columns: 1 `

[Clooos]

Bubble pop up was removed a few version before this one to improve the stability and to makes updates easier, you now have to replace this in all your pop-ups:

- type: custom:bubble-pop-up

By this:

- type: custom:bubble-card
  card_type: pop-up

[chintito4ever]

Thanks! that's fixed it.

[geidorei]

Hi folks - No errors, but will do some digging.... Thanks for the replies.