Oh-label-card in f7-list-item

Hello,

I try to use an oh-label-card within a list item.
The label card seems to be every where:

As you can see, the temperature, the icon as well as the trendline do overlay all other elements.
Below the widget definition.

What I would like to do is create an list item widget containing a label card with trendline, value as well as another row to set the heating mode etc.
This works quite OK in a cell, but fails in a list.

uid: TempWidget
tags: []
props:
  parameterGroups: []
timestamp: Feb 21, 2022, 8:26:59 PM
component: f7-list-item
config:
  title: Temperature
  subtitle: Status
  after: After
  header: Header
  footer: Footer
slots:
  content:
    - component: f7-list-item-row
      slots:
        default:
          - component: f7-list-item-cell
            config:
              style:
                width: 100%
            slots:
              default:
              - component: oh-label-card
                config:
                  noShadow: true
                  trendItem: Erdgeschoss_Flur_TuerToilette_2fachTasterRTIstTemp
                  action: analyzer
                  actionAnalyzerItems: =[Erdgeschoss_Flur_TuerToilette_2fachTasterRTIstTemp]
                  item: Erdgeschoss_Flur_TuerToilette_2fachTasterRTIstTemp
                  title: =(props.Title)
                  icon: f7:thermometer
                  actionAnalyzerCoordSystem: time
                  vertical: false

Any idea is welcome.

Regards,
René

use oh-trend instead of oh-label-card

Thanks this will give it a try just have to build all the rest like the icon and text value…

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.