framework7

Framework7

Full Featured Mobile HTML Framework For Building iOS & Android Apps

Getting Started

• Getting Started Guide
• Clone/download this repo
• Start building your App from changing Kitchen Sink, or using a clean template.

Build

Framework7 uses gulp and rollup to build a development (build) and productuin (dist) versions.

First you need to have gulp-cli which you should install globally.

$ npm install --global gulp

Then install all dependencies, in repo's root:

$ npm install

And build development version of Framework7:

$ npm run build:dev

The result is available in build/ folder.

Dist/Release

To build production version of Framework7:

$ npm run build:prod

Production version will be available in dist/ folder.

Kitchen Sink

Kitchen Sink uses Ajax for navigation between pages so you will need a server.

Run Kitchen Sink with development environment (development version will be built first):

$ npm run dev

Run Kitchen Sink with production environment (configured to scripts and styles from dist/ folder):

$ npm run prod

Contributing

Before you open an issue please review the contributing guideline.

All changes should be commited to src/ files. Framework7 uses LESS for CSS compliations, and ES modules JS files.

The project uses .editorconfig to define the coding style of each file. We recommend that you install the Editor Config extension for your preferred IDE.

If you want to help in Framework7 development and make it event better visit this page: http://framework7.io/contribute/

Forum

If you have questions about Framework7 or want to help others you are welcome to special forum at http://forum.framework7.io/

Docs

Documentation available at http://framework7.io/docs/

Tutorials

Tutorials available at http://framework7.io/tutorials/

Showcase

Appstore apps made with Framework7: http://framework7.io/showcase/

v1

Old v1 version of Framework7 is still available at v1 branch

Changelog

v2.2.5 - April 29, 2018

• Router
  • Fixed issue with not loaded routable tabs content after swipe-back to page with these routable tabs
  • Page data will have additional swipeback: true prop when the page event was triggered by swipe back
• Range
  • New range:changed (rangeChanged, changed) event that will be triggered on slide knob release after value change
• Messagebar
  • Fixed textarea text color for MD-Dark theme
• Form Storage
  • Added support for skip inputs from storing by adding no-store-data or ignore-store-data class to input element
• Dom7 updated to latest v2.0.5
  • Support for setting array value on multiple select
  • Improved internal events proxies logic for better memory management
• Swiper update to latest v4.2.5
  • Core
    • Prevent apply grab cursor when swiper is locked
    • Fixed breakpoint with loop getting wrong realIndex when on init
    • Fixed "transformed" slides sizes calculation that could cause issues in with Coverflow effect
  • Autoplay
    • Fixed issue that can cause memory leak
• Minor fixes