Hi,
Getting no errors with this code - I am just getting black screen. all card types installed and HA restarted. Help would be appreciated.
type: custom:tabbed-card
tabs:
- title: "Tab 1"
type: custom:vertical-stack-in-card
cards:
- type: markdown
content: "{{ states('sensor.lexmark_mc3224i_modelno') }}"
card_mod:
style: |
ha-card {
font-size: 15px;
margin-bottom: -10px;
border-bottom: none;
border-radius: 10px 10px 0px 0px;
}
- type: entities
card_mod:
style: |
ha-card {
border-top: none;
border-radius: 0px 0px 10px 10px;
}
entities:
- entity: sensor.lexmark_mc3224i
name: Status
- entity: sensor.lexmark_mc3224i_uptime
name: Uptime
- entity: sensor.lexmark_mc3224i_serialno
name: Serial Number
- entity: sensor.lexmark_mc3224i_firmwarever
name: Firmware Version
- type: custom:bar-card
direction: right
entities:
- color: Magenta
entity: sensor.lexmark_mc3224i_magenta
name: " "
- color: Yellow
entity: sensor.lexmark_mc3224i_yellow
name: " "
- color: Cyan
entity: sensor.lexmark_mc3224i_cyan
name: " "
- color: Black
entity: sensor.lexmark_mc3224i_black
name: " "
height: 30px
max: 100
min: 0
padding: 2px
title_position: bottom
icon_position: inside
unit_of_measurement: "%"
width: 100%
I was looking at example I saw somewhere, but even with the mistake present or not present I got no errors and black screen. thanks for pointing this out. I was hoping to make the card I have into tabbed card without doing a complete rewrite which probably would not work - existing card code provided by someone on these forums
It is hardly more work imo and always first (!) look at the card/integration instructions when having issues. Things may have changed, card may no longer be supported, etc. 
I got the tabs, but seeming the same info in both. Wondering if you or someone else can see what is wrong:
type: custom:tabbed-card
styles: ...
tabs:
- attributes:
label: Button
card:
type: custom:vertical-stack-in-card
cards:
- type: markdown
content: "{{ states('sensor.lexmark_mc3224i_modelno') }}"
card_mod:
style: |
ha-card {
font-size: 15px;
margin-bottom: -10px;
border-bottom: none;
border-radius: 10px 10px 0px 0px;
}
- type: entities
card_mod:
style: |
ha-card {
border-top: none;
border-radius: 0px 0px 10px 10px;
}
entities:
- entity: sensor.lexmark_mc3224i
name: Status
- entity: sensor.lexmark_mc3224i_uptime
name: Uptime
- entity: sensor.lexmark_mc3224i_serialno
name: Serial Number
- entity: sensor.lexmark_mc3224i_firmwarever
name: Firmware Version
- attributes:
label: Ink
card:
type: type: custom:bar-card
direction: right
entities:
- color: Magenta
entity: sensor.lexmark_mc3224i_magenta
name: " "
- color: Yellow
entity: sensor.lexmark_mc3224i_yellow
name: " "
- color: Cyan
entity: sensor.lexmark_mc3224i_cyan
name: " "
- color: Black
entity: sensor.lexmark_mc3224i_black
name: " "
height:
One card per tab I guess, not sure but also here the ‘example’ shows 1/tab
kinghat/tabbed-card: a custom card for home assistant that utilizes tabs to segregate individual cards.
EDIT: if you want to have more then likely you have to wrap them in a vertical stack card, where the vertical stack will be the single card for the tab
any ideas why same content appears on both tabs. if this code is way more than needed suggestions on what to remove would be appreciated. just need a functional card with tabs.
With ANY issue observed, use a simple principle: SIMPLIFY. Check with a tab-card with 2 simplest tabs with simplest STOCK cards.