When clicking on an oh-cell
I want to launch a popup. However various approaches have their limitations. I want to control the size of a popup and close popups with custom buttons.
approach #1
component: oh-cell
config:
label: Camera
expandable: true
slots:
default:
- component: widget:myPopup
limitations:
- changing width of popups is not possible
- ugly white bar at the top of the popover
- closing the expanded card with custom button and
class: card-close
is “flickering” before it gets closed
approach #2
component: oh-cell
config:
label: Camera
expandable: false
action: popup
actionModal: widget:myPopup
limitations:
- changing width of popups is not possible
- ugly navbar at the top of the popover
- custom close buttons not posible
approach #3
by adding an f7-popup slot to the cell I would be able to set individual width and close the popup with custom button but the following approach does not work. f7-popup needs to be at the same indent level as the cell but this is not possible…
component: oh-cell
config:
label: Camera
expandable: false
slots:
default:
- component: f7-popup
config:
Does anybody know a solution? Maybe I am wrong with some of the solutions above and there is a way which I crrently oversee.