Hello,
i try to style / design my oh-repeater , but i had problem with finding the right way.
here is my code
- component: f7-row
config:
visible: =items.dialogvideo_widget_type.state == "tvshow"
style:
width: 100%
position: relative
left: -4px
top: 230px
background-color: red
height: 145px
slots:
default:
- component: oh-repeater
config:
for: seasons
fragment: true
sourceType: range
rangeStart: 0
rangeStop: 16
slots:
default:
- component: f7-block
config:
style:
top: 0px
width: 110px
background-color: green
class:
- no-padding
- no-margin
slots:
default:
- component: oh-image
config:
visible: =items[props.prefix_seasons + loop.seasons.toString() + '_label'].state != "UNDEF"
item: =props.prefix_seasons + loop.seasons.toString() + '_poster'
style:
position: relative
margin: 0 0.4em
width: 107px
height: 145px
- component: oh-image
config:
visible: =items[props.prefix_seasons + loop.seasons.toString() + '_label'].state != "UNDEF"
url: /static/actors_name_back.png
style:
top: 125px
left: 0px
position: absolute
margin: 0 0.4em
width: 107px
height: 20px
- component: oh-button
config:
actionFeedback: Lade informationen, bitte warten.
visible: =items[props.prefix_seasons + loop.seasons.toString() + '_label'].state != "UNDEF"
action: command
actionCommand: =items[props.prefix_seasons + loop.seasons.toString() + '_season'].state
actionItem: Item_season
tooltip: Zeige Episoden
style:
--f7-button-bg-color: transparent
--f7-button-hover-bg-color: transparent
--f7-button-pressed-bg-color: transparent
height: 145px
width: 100px
position: absolute
left: 10px
top: 0px
z-index: 999
- component: Label
config:
visible: =items[props.prefix_seasons + loop.seasons.toString() + '_label'].state != "UNDEF"
text: =items[props.prefix_seasons + loop.seasons.toString() + '_label'].state
style:
font-size: 12px
position: absolute
top: 127px
width: 107px
left: 10px
then he cuts my images in the last line.
i tried to give the row a 100% height, but then the row is to high, for example i can have there 1-16 posters (results )
perhaps someone has a hint?