Title inside oh-input-item

Setup, Configuration and Use Widgets
1

I keep encountering an annoying design issue with an oh-input-item.
It’s always displayed as two lines with the 2nd being blank, resulting in non-centered text like this:

grafik
grafik1900×119 3.9 KB

Would anyone know how to get that title text properly centered ?
Thanks.

                          - component: oh-input-item
                            config:
                              title: ="🔋 laden " + items.NachladenMaxTarifniveau_Voreinstellung.displayState
                              icon: iconify:material-symbols:euro
                              item: NachladenMaxTarifniveau_Voreinstellung
                              action: options
                              actionItem: NachladenMaxTarifniveau_Voreinstellung
2

An oh-input-item will always have a footer where the input element is expected, even if you don’t define any of the input specific properties.

If you don’t want that input footer because you are not going to manually input information into this list component, then just use the more generic oh-list-item.

1 Like