What next big feature you wait or want in Framework7?

Hey community! :raised_hand_with_fingers_splayed:

Framework7 becomes more and more robust, feature rich and bulletproof. So I want to know your opinions and suggestions. What do you want else to see or to have in Framework7? New UI components? Additions to current components?

It can be also related to the whole F7 infrastructure and its projects. So your suggestions about CLI, websites are also welcome.

Please, just share your thoughts on what do you want or expect to see.

9 Likes
  1. Использование компонентов без привязки к роутеру.
  2. Магазин расширений (бесплатных и платных): есть раздел “готовые расширения” (можно добавлять свои), есть раздел “запросы на разработку” . За каждый запрос на разработку можно голосовать. Расширения должны поддерживать самую свежую версию F7 и хорошо написаны, т.е. без мусора.
    По такому же принципе можно реализовать магазин мощных шаблонов, например, шаблон приложения интернет-магазина.
  3. Книга рецептов: в ней самые сложные и практические советы по работа с F7 и F7 + Cordova. Такой информации много и на форуме и в GitHub, но она разбросана. Рецепты предлагать может кто угодно, но раздел сделать платным: как электронная книга.
  4. Master Detail расширить, сделать как в Ionic: https://cdn-images-1.medium.com/max/1600/0*-96MY9ZMSTgcKCZb.gif (т.е. панель переходит в левую часть и обратно)
  5. Полностью переделать jobs - в текущем виде, на мой взгляд, он не нужен.
    Предлагаю: сделать сертификацию по F7 Core. Для этого сделать онлайн-тесты, по прохождению которых выдается сертификат и информация размещается на сайте framework7.io о разработчике, что подтверждает его квалификацию. Типа “наши сертифицированные партнеры”. Получение сертификата сделать платным.
  6. В русском интернете F7 становится все более известен. Возможно, какую то часть сайта сделать на русском языке (не документацию).
3 Likes
  1. Master Detail расширить, сделать как в Ionic: https://cdn-images-1.medium.com/max/1600/0*-96MY9ZMSTgcKCZb.gif (т.е. панель переходит в левую часть и обратно)

Это не Master detail. В ionic вообще нет такого. То что на гифке это тоже самое что сейчас в шаблоне Split View - просто панель с breakpoint .

По остальным пунктам согласен, Спасибо

Hey there,

1- Expandable Cards “API”, so that we can use the same experience triggered by a click or something else while using the app (i.e. click on a certain element and the element is “expanded”). I don’t know if this makes sense but I would like to have it and use it everywhere, on a swiper I know it’s not possible now due to overflow hidden elements, etc.

2- Include all XHR parameters when using Promises. As we spoke previously, it’s common to handle only data with promises (success callback for example), but it would be nice to have it Everytime to catch headers (auth token for example), otherwise it’s needed to wrap the request manually to use promises).

3- … Keep up the excellent work and become the top framework7 out there :wink:

4- Parallax on header component based on scroll (maybe achievable with some tweaks using large navbar :slight_smile:

9 Likes

Hi @nolimits4web
I think that you can add some feature to the f7.

1-TABs
Add a button < ( scroll back ) and ( scroll next ) > if you have to many TABS,

2-Sortable
Be able to sort to groups ( differents UL )
https://getuikit.com/docs/sortable#group

3-New controls for desktop version

It will be amazing if we can have some controls like this:
https://preview.tabler.io/form-elements.html
To desktop version!

What do you think?
Thank you for your excellent work!

4 Likes

Parallax header will be a nice and very appreciated feature but not a huge change.

I noticed that several questions in the forum are about data binding. Therefore I suggest to add a dedicated topic to the F7-documentation about the best practise regarding handling “data” within F7. This might include handling local persistancy and perhaps support of LocalForage.

It would be a great feature if a standard approach becomes available, perhaps as part of CLI.

5 Likes

‪I would :heart: to see an html-editor / textarea with bold, italic, strike through / wysiwyg integration of a popular wysiwyg-editor (with mobile support). I’m really missing that on Framework7

7 Likes

+1 for parallax picture header. I really like the way it works in the Bored Panda app.

3 Likes

I would love to see full support for the next release of iOS 13

Related to Framework7 that would be:

  1. Supporting Dark Mode and adopting their look and feel

  2. Support for the new SF Symbols:

  3. iPadOS was introduced by Apple with more focus on workflows on large touch screens. I think together with your “Aurora” approach Framework7 could make a great basis for a general cross platform experience built on top of your framework. You are more or less a step ahead already :wink: Important would be that the UI could adopt to changing screen (on iPadOS also window) sizes.

I can offer help for native related issues, like extracting color codes as I already did for macOS: https://github.com/holtwick/DesertColors

2 Likes

Page Loading Effect, like this…
https://tympanus.net/Development/PageLoadingEffects

2 Likes

+1 for wysiwyg editor

7 Likes
  1. More support for desktop and electron designs (in React) for admin type interfaces that scale to mobile (splitview menu etc)
  2. Brand theming. I alter the dark mode vars to get a brand color for the side panels (background not black).
  3. Dark mode that works with brand theming.
  4. See https://www.uibot.app/
  5. Better React support (particularly with navigation)
1 Like
  1. Brand theming for dark mode would be great.
  2. CKeditor 5 integration especially for desktop would help a lot for admin interfaces / cms.
3 Likes

Guys, didn’t get, what do you mean in these points?

Thanks @nolimits4web!

My biggest need is to make the Vue bindings work more effortlessly in all components. I often need to jump through hoops to get things wired up. Here is an example:

Please let me know if you need more information.

1 Like

Correct padding for the expandable card when they are closed :grin: Right now it has this problem no matter what I try https://i.imgur.com/zGgPqlm.png The content overflows

Brand colors are on the left (this is somewhat bad example since the blues are different blues). The left panel could have lots of things beside icons (lists, toggles, fields, text, etc).

Then dark mode (changing the main area to white on black or similar).

1 Like

But all this already possible. Dark mode can be applied to any element, not necessary to the whole app, so in this case it can be applied to main view only, keeping panel in required styles.

Also, almost everything could be styles with current set of CSS variables. And if you need to override something for both, light, and dark theme, then:

:root, .theme-dark {
  --f7-page-bg-color: red;
}

Will make page red for all light and dark themes

1 Like
  1. Fix stretching animation of expandable cards when the card’s height is not 300px
  2. Big title need better animation like stock iOS
  3. iOS 13 popup style (stacking cards)
  4. Custom modal alert in the middle
  5. Support scrolling in expandable sheet
  6. It would be cool if you can do app icon moving when open a page like google play (Example: Searching apps on google play, tap on an app, the icon will fly to next page)
  7. watchOS style popup, alert, notifications would be nice
  8. Support for opening more popups in a popup
3 Likes

I would love to see a LTS version with some kind of professional support based on a subscription model that could help the Framework 7 grow much more. Something like Ionic Pro was in the past.

3 Likes