Hi,
Been experimenting with creating a grid of oh-buttons. I want a single row, with three columns. First and third column should each have two rows and two columns making the result a 4 + 1 + 4 pattern.
What I haven’t been able to do is make the three columns appear gapless. For a f7-row there’s a “noGap” attribute but I don’t find any on the oh-grid-row. Does anyone know how to do this with the oh-grid-row?
Secondly, if I use f7-row instead of oh-grid-row, nothing is displayed, what would be the reason for this?
The “mygrid” is just a simple widget with four buttons, as explained above - and yes, I’m a noob at front-end coding
config:
label: GridTestPage
sidebar: true
blocks:
- component: oh-block
config: {}
slots:
default:
- component: oh-grid-row
config: {}
slots:
default:
- component: oh-grid-col
config: {}
slots:
default:
- component: widget:mygrid
config: {}
- component: oh-grid-col
config: {}
slots:
default:
- component: oh-cell
config: {}
- component: oh-grid-col
config: {}
slots:
default:
- component: widget:mygrid
config: {}
masonry: null