Framework7 4.4.0 released 🎉

Announcements
1

Hey guys! New update arrived:

:white_check_mark: All new Treeview component :tada:
:white_check_mark: Swipeable sheet modal :fire:
:white_check_mark: Popup with swipe to close :point_left:
:white_check_mark: Indeterminate checkboxes :ballot_box_with_check:
:white_check_mark: Autocomplete selection with keyboard :arrow_up::arrow_down:
:white_check_mark: Lots of fixes :beetle::hammer:

Blog post

Full changelog

  • Core
    • All new Treeview component :tada:
    • Popup
      • Added “swipe-to-close” feature
      • New swipeToClose parameter that will allow to close Popup with swipe
      • New swipeHandler parameter to specify swipe to close handler element
    • Sheet Modal
      • Added “swipe-to-close” feature
      • Added “swipe-to-step” feature
      • New swipeToClose parameter that will allow to close Sheet modal with swipe
      • New swipeToStep parameter that will allow to expand Sheet modal with swipe
      • New swipeHandler parameter to specify swipe to close handler element
      • New stepOpen(), stepClose() and stepToggle() sheet instance methods to open, close and toggle swipe step.
      • New app.sheet.stepOpen(), app.sheet.stepClose() and app.sheet.stepToggle() app sheet methods to open, close and toggle swipe step.
      • New sheet:stepopen, sheet:stepclose sheet DOM events
      • New stepOpen, stepClose sheet instance events
      • New sheetStepOpen, sheetStepClose app instance events
    • Autocomplete
      • Now it is possible to select dropdown values with keyboard UP and DOWN keys
      • Now it will close dropdown on ESC key
    • Checkbox
      • Added support for indeterminate checkboxes
    • Data Table
      • Now it uses indeterminate checkbox in head when some of the rows are selected
    • Range Slider
      • New limitKnobPosition boolean property to limit knob position to size of the bar. By default enabled for iOS theme
  • Phenome
    • Treeview
      • New Treeview and TreeviewItem components
    • Popup
      • Added “swipe-to-close” feature
      • New swipeToClose prop that will allow to close Popup with swipe
      • New swipeHandler prop to specify swipe to close handler element
    • Sheet Modal
      • Added “swipe-to-close” feature
      • Added “swipe-to-step” feature
      • New swipeToClose parameter that will allow to close Sheet modal with swipe
      • New swipeToStep parameter that will allow to expand Sheet modal with swipe
      • New swipeHandler parameter to specify swipe to close handler element
      • New sheet:stepopen (sheetStepOpen), sheet:stepclose (sheetStepClose) sheet events
    • Checkbox/ListItem
      • New indeterminate prop to make checkbox indeterminate
    • Range Slider
      • New limitKnobPosition boolean property to limit knob position to size of the bar. By default enabled for iOS theme
  • Minor fixes
13 Likes
2

At first I was sceptic about the tree view for a mobile application but for small trees it looks really great! I tried to mimic a tree view years ago with accordions but that was without the fancy radio/choice controls this new version of F7 offers . :grinning:
I am still looking for a proper (recursive ?) way to display large trees (e.g. to display an ontology of more than 6 levels) on mobile devices.

3

Awesom!
Will try to implement the treeview, if the my client like it.
i have only 3 levels to show

4

Such a variability of the framework is amazing!
I didn’t regret choosing this framework :smile::smile:

1 Like
5

Одним словом - “Супер!”. Нет ли в каких-то планах сделать компоненты самостоятельными штуками, без привязки к роутеру?

1 Like