Icon for F7Wrapper

F7Wrapper

Version 1.4

by Distino

Download
Report

F7Wrapper makes it effortless to build modern, mobile-friendly applications with minimal setup. This plugin eliminates the need for cfg.Serv, streamlining the development process while providing full access to Framework7's powerful UI components and navigation system.

Key Features:

  • Auto Layout Resizing: The layout automatically resizes when typing, so you don’t need to manually implement app.SetOnShowKeyboard.
  • Responsive Orientation Handling: Layout adjusts automatically when the device orientation changes.
  • Built-in Icons: Comes with both Framework7 Icons and Material Icons preloaded for instant use in your app.
  • Custom Styling: Disable Framework7’s default CSS with UseCustomCss in f7.setOptions, and optionally enable Tailwind CSS using the UseTailwindCss parameter.
  • Integrated Debugging Tools: Includes Eruda.js for built-in, touch-friendly developer tools. Can be enabled via UseEruda in f7.setOptions.

Limited testing has been done on larger screens. If you encounter any issues or have suggestions, feel free to drop a message on Discord.

Use F7Wrapper Bundler to quickly package your F7Wrapper apps for DroidScript APK. Check out some Demo apps here

Changes in 1.4

  • Included ErudaJS for ease of debugging F7 Apps. 'UseEruda' in f7.setOptions to enable this feature.
  • Updated Docs
Downloads
607
File size
1 MB
Category
Tools & Scripts
Type
Plugin
Last Update
3 months ago
Created
6 months ago

Version 1.4

Created 3 months ago

  • Included ErudaJS for ease of debugging F7 Apps. 'UseEruda' in f7.setOptions to enable this feature.
  • Updated Docs
Download Report

Version 1.3b

Created 4 months ago

  • Fixed a layout bug that occurs when the keyboard type are changed.
  • Changed debug mode to "console".
  • Added error messages for f7 methods when 'UseCustomCss' is used in f7.setOptions, such as when calling f7.toast or similar functions.
Download Report

Version 1.3

Created 4 months ago

  • Fixed a layout bug that occurred when the keyboard was shown in landscape mode (affects DS v2.77b2).
  • Fixed an issue where the page would not scroll when using "UseCustomCss" & "UseTailwindCss" in f7.setOptions.
  • Increased resize delay to 15 miliseconds
Download Report

Version 1.2b

Created 4 months ago

  • Fixed a styling bug that occurs when using "UseCustomCss" and "UseTailwindCss" in f7.setOptions
Download Report

Version 1.2

Created 4 months ago

  • Added new options to f7.setOptions()

    • NoDragDisables dragging of all draggable elements within the app.
    • NoTextSelectionPrevents text from being selected anywhere in the app.
    • UseTailwindCssEnables the use of Tailwind CSS utility classes for styling.Note: Using this option, may slightly increase initial load time, because of the library's size
    • UseCustomCssSkips loading Framework7’s default CSS, giving you full control over your app’s styling.This affects only the CSS — Framework7’s JavaScript functionality remain fully available.This option can be used in combination with UseTailwindCss.

  • Updated Docs

Download Report

Version 1.1

Created 4 months ago

  • Docs: Updated f7.onReady .
  • activePage parameter for f7.addPage and f7.addPageContent is now optional. if omitted, it defaults to the first instance of addPage or addPageContent
  • Fix: A bug that occurs when number is passed in as parameter for dialogs
  • Framework7 default name changed from "F7Wrapper" to use the current app name
  • Removed webview defaults("nopause,usebrowser,local" ) -> f7.setOptions to include the options you need
  • Added new example
  • Added new method -> f7.setTextZoom
  • Docs: updated f7.setOptions
  • Docs: added link to Demo apps
Download Report

Version 1.0

Created 5 months ago

  • Fixed a minor bug that occurs when app is started in landscape mode
  • Updated Docs (f7.script)
Download Report

Version 0.99

Created 5 months ago

  • Added new methods f7.disableDrag and f7.disableTextSelection
  • Included Material Icons (only outlined style)
  • Fixed a hidden bug, that occurs when addPage and addPageContent is used at the same time
  • Updated Docs
Download Report

Version 0.98

Created 5 months ago

  • Fixed: A minor bug that occurred when pressing the back button before the WebView was initialized.
  • Added: New methods – dom7, toast, onFunc, f7Func, and navigate.
  • Fixed: An issue when receiving input in input dialogs.
  • Updated: Docs for the latest changes.
Download Report

Version 0.97

Created 6 months ago

  • Added new API methods: prompt, login, password, preloader, delayResize
  • Improved multi-view handling
  • Improved toast handling
  • Renamed methods: showAlert -> alert, showConfirm -> confirm
Download Report

Version 0.96-beta

Created 6 months ago

  • Added Feedback link
Download Report

Version 0.96

Created 6 months ago

Initial Version.

Download Report
We couldn't identify any special features in this project.