What’s New

Many new improvements and bug fixes this week for you!
We have implemented dynamic pages and routings in the new Framework7 v5 with App Connect, so now you can pass dynamic parameters to your content pages and use them their by picking them from the Data Bindings under the page component.
Read more about Creating Dynamic Pages in Framework 7

Also we have fixed all the reported issues with the new NodeJS SPA routing and Partial Page Rendering, so now everything renders mighty fast and delivers you the best user experience.

Docker and Cloud hosting is now even more powerful as you can connect directly from within Wappler to your remote server SSH and execute any system commands you want.

Design with Bootstrap 4 has also been improved by allowing the very common Flex Container to be used as universal way to align elements.
Also Font Awesome integration is improved.

Framework 7 v5 With App Connect

• Add page data properties to the Framework 7 Page component so you can see all the currently used parameters for example
• Improve picker of route links with parameters
• Improved links component to allow a dynamic link attribute for loading dynamic routes with parameters

App Connect Routing, SPA and Partial Refreshes

• Improved component rendering on partial refresh
• Do not send the partial accept header in the router component (results in 406 status on IIS)
• Correctly keep title during navigating using history api
• Improved partial refresh with ReCAPTCHA in the content

NodeJS

• Updated NodeJS packages to the latest versions. Automatically update NodeJS projects on open and show notify to install the latest versions.
• small fix for groupBy formatter

Docker Machine and Cloud Hosting

• Introducing new Docker Host Server SSH terminal! Now you can quickly open an SSH terminal to your remote docker host, so you check do some system commands if needed. Do use with care.
• Rebuild Linode docker machine driver for MacOS to be with newer SDK to comply notarization

Git Manager

• Added option to set maximum of git commits

Page Manager

• Auto generate the correct content page route starting with / for Framework7
• Add default page template for new content pages in Framework7

General

• Improved system check and NodeJS installation check
• Fixed color picker swatches on Bootstrap 4 pages on the Design Panel

Bootstrap 4

• Great simplified adding aligned layouts and elements by allowing to add a Flex Container on more content places
• Allow enabling Flex Container properties to Bootstrap 4 Columns
• Improved Flex Containers
• Allow Generators and other Global Elements to be placed in a Display Block

Font Awesome

• Show separate icons in App Structure with all their properties
• Improved color pickers for duotone icons in FontAwesome 5
• Allow icons to be moved within a Flex Container

DOM Panel

• Improve common properties and color picker

App Connect

• Improved SPA’s and partial refreshes

App Connect Browser Info

• Added new options to Browser goto action for internal, partial refresh and title change

App Connect Routing

• Fixed partial rendering to load content page Server Connects initially

Bug Fixes

• ReCaptcha not showing on a content SPA page
• File upload extension issue (SPA)
• GIT not showing more than 2 weeks of commits
• Selects on SPA content page are not being filled
• 406 Error in Route.js
• Data not showing in partials and query parameters disappear
• SPA - Server Action inside Content page not working when displaying the page directly
• What am I doing wrong with this route parameter in Framework7?
• Routing with parameters with Framework7 with App Connect
• Browser component doesnt work as expected on mobile app
• Server Connect form is redirecting to the server connect file instead of showing error on page (NodeJS)
• Incorrect connection of a bootstrap element on the page
• Unable to add Route to link - Framework7 Desktop app
• Cannot see any Font Awesome options
• System Check supplies incomplete information
• Problems with routes on web project with Framework7
• Font awesome getting □ instead icon