Search code examples
javascriptcordovahtml-framework-7

Framework7 resizable sheet modal


I created an app with Framework7 and Cordova. Inside the app, there's a page with a map. When I click on the map, a sheet modal opens with form elements inside. Now, the sheet modal is just half the height of the screen. I know how to change the height of the sheet modal manually, but what I want to do is something like this (seen on maps.me App):

maps.me slide up

When I click on the map, the modal should open with a small height. Then it should be possible to resize the modal by dragging it up like seen on the gif.

By now I didn't found a way to do this. Anyone ideas/hints how to get this done? Thanks in advance!


Solution

  • In Framework7 v4, there is now a Sheet Modal with the option Swipe Step. Seems like the best solution to me :-)