[OH3] MainUI: Smaller height of the Widget Slider List Item

Add-ons UIs
1

Hi everyone,
i want to create a smaller Widget (reduced height) for the Slider List Item. In my opinion it’s to big, especially if you have a lot of them.

The result should be something like this:

image
image772×76 1.42 KB

I started to create a custom widget, but i’m struggling with the behavior of the distance of the elements (icon, text/label, slider showed in browser or smart phone). It would be nice, if it would behave like any other OH-Widget :).

My current code:

uid: devel
tags:
  - list
  - light
props:
  parameters:
    - description: The label for the widget
      label: Title
      name: title
      required: false
      type: TEXT
    - context: item
      description: The light slider Item
      label: Item
      name: item
      required: false
      type: TEXT
  parameterGroups: []
timestamp: Apr 11, 2021, 1:30:40 PM
component: f7-card
config:
  style:
    width: auto
    --f7-safe-area-right: 0
    --f7-safe-area-left: 0
    align-items: center
slots:
  default:
    - component: f7-row
      config:
        class:
          - padding
      slots:
        default:
          - component: f7-icon
            config:
              f7: = "lightbulb"
          - component: f7-col
            config:
              style:
                width: 45%
            slots:
              default:
                - component: Label
                  config:
                    item: livingroom_arclamp
                    title: test
                    text: blubb
          - component: f7-col
            config:
              style:
                width: 45%
            slots:
              default:
                - component: oh-slider
                  config:
                    item: =props.item

I’m not very familiar with f7 // openhab widget code, so I don’t know, if its right, what I’m doing there :smiley:

I you have some hints for me, i would very happy :slight_smile: