(New) Framework7 Components, introduction required (Action Sheets, Progressbar...)

While I love the updated Wapper version with fixing so many issues I had on the front-end, I still have some questions on the new and updated Framework7 components:

  • Actions Sheets and Sheet Modals: How to use them, how to add content to them? (The picker doesn’t help, it offers all elements to be added to the sheet)
  • Progressbar: where to place, how to trigger, how to update?

…and probably more. Docs pleaaaaaaseeeee …

(Weekends are for side projects)

1 Like

And the Login Screen Component, not sure how to get this integrated and opened as modal?

While I know that Wappler integration of Framework7 components is kind of a sub-set of the original I did see these pages at the source site. Which also give visual references on the right margin of each page for both iOS and Android comparisons.

The on-page simulator gives clickable examples of the different states at least in the source Framework7.

At least I have a clue what to look for in Wappler and see what has been ported over from the github repositories and synced up with App Connect.

Nobody that I can find has done an extensive series of Framework7 video documentation. Framework7 seems to be a one-man project with just a few adoptees bothering to make tutorials, less than a handful in English.

https://v3.framework7.io/docs/action-sheet


https://v3.framework7.io/docs/progressbar

https://v3.framework7.io/docs/login-screen

…and the Framework7 Calendar. And the picker, and and and.

Heck just all components need a (at least short) documentation how to use them the Wappler way.

Please take a look at:

I will be adding more components to this article.

Thank you very much, Teodor. This helps a lot and pushed the whole F7 integration a huge step forward!

1 Like

Hi @HeikoK,
how did you manage Framework7 Progress Bar? and disabling button while SC processing?
Thanks
Sylvain

No, I didn’t really try it.

1 Like