Wappler 7.7.7 Released
Check the new Wappler site at https://wappler.io/
Read latest Wappler Docs
and download Wappler 7.7.7 from your Account Dashboard
Or just do “check for updates” on the Wappler tray icon for automatic install!
What's New
In this Wappler update we have completely rebuilt the Wappler online documentation from the ground up, with a new design, new structure, and new content, to make it easier to find the information you need and learn how to use Wappler effectively.
We have built upon our successful Wappler Tours content and structure, but expanded it with more detailed explanations, examples, and best practices for each topic, so you can not only learn how to use Wappler, but also understand why and when to use each feature.
So check it out at https://docs.wappler.io and let us know what you think!
The Wappler online docs are now based on our Wappler Tours which also which has grown up to 450 tours, so you can find a tour for almost any topic in Wappler, and now all that content is also available in the online docs with a new design and structure that is optimized for learning and reference.
The docs and tours now also now as reference and showcase the updated "Demo Projects HQ" which is now fully feature complete with files upload (Dropzone), rich text editing (Summernote), Tagify and date range picker, so you can see in a real world project how to use those features.
Furthermore we have greatly improved the Wappler UI scaling, so now depending on the UI Size you have chosen in the Wappler Global Options, the UI will scale much better, including the grids, the left layouts and popup sizes, the tree spacing, the code view and terminal font size, and more, so you can have a much better experience on larger screens and with larger UI sizes.
We have even added a new "Extra Large" UI Size in the Wappler Global Options, to allow even larger UI size useful for tours and videos.
A new option for theming the design view has been added, called "Design Theme Follows Wappler Theme", which is on by default, and will make the design view follow the current Wappler UI theme, so if you are in dark mode, the design view will also be in dark mode, and if you are in light mode, the design view will also be in light mode.
And of course we have many extensions updates, like Tagify and Summernote with support for automatic Bootstrap 5 dark theme support and others.
Wappler Online Documentation - https://docs.wappler.io
- Completely rebuild from the ground up the Wappler online documentation with a new design, new structure, and new content, to make it easier to find the information you need and learn how to use Wappler effectively.
- Build upon our succesful Wappler Tours content and structure, but expand it with more detailed explanations, examples, and best practices for each topic, so you can not only learn how to use Wappler, but also understand why and when to use each feature.
- Based on the latest Astro and Starlight components, with a custom design and structure that is optimized for Wappler's content and user needs.
- Fully available in both dark and light mode and even the screenshots are automatically switched between dark and light mode, so you can have a consistent experience with the Wappler UI and easily follow along with the examples and instructions.
- Improved styling of featured boxes, removed animations and glows
- Added theme switcher and dark/light logo and styling
- Fully optimized and images in webp format for best performance and quality
- Generate and use LLMS.txt and sitemap.xml for better SEO and AI Engine indexing
- Improved tour export and lightbox generation
- Improved the SVG diagram rendering on both dark and light theme
Wappler Tours and Docs Content
Wappler Tours
- Expanded Wappler’s guided learning paths with clearer onboarding, stronger “start here” flows, and easier entry points into the main product areas.
- Improved the main Docs and Tours browsing experience so users can find the right tour faster by goal, product area, and recommended starting point.
- Added more practical, sample-driven coverage for App Connect and Server Connect so users can follow complete real-world workflows instead of isolated concepts.
- Added end-to-end guidance for common contact-management tasks, including creating, editing, restoring state, deleting, and returning to the right next step.
- Added stronger file and media workflow coverage, including uploads, library browsing, stats, links, refresh flows, and related follow-up actions.
- Expanded Pages guidance with clearer walkthroughs for layout pages, routed content pages, login/auth flows, and the handoff into the HTML editor.
- Expanded Database Manager coverage with better quick-start, usage, how-to, data-editing, sub-table, and relationship guidance so database features are easier to learn progressively.
- Improved Routing and URL Rewrite guidance so users can understand route structure, layout/content relationships, and navigation behavior more easily.
- Improved Project Manager and general manager tours so important work areas are easier to discover and easier to enter from the UI.
- Added direct tour access from more manager toolbars, making Pages, Assets, Search, Database Manager, Routing, and Theme Manager tours easier to open exactly where users are working.
- Refined tour descriptions, explanations, and overview hubs so users get clearer guidance on what each tour helps them accomplish.
- Improved tour screenshots and exported docs presentation so guided content is easier to browse and understand in the documentation experience.
- Updated Bootstrap-based samples and related tour content to stay aligned with the latest Bootstrap 5.3.8 experience.
- Updated Project Manager intro tours with better features list and less screenshots
- Updated all Bootstrap samples to the latest Bootstrap 5.3.8
- Added many more tours about various App Connect components, media and security
Wappler Tours Runtime
- Updated the tooling
- Improved background dimming when a tour is running
- Improved all tours screenshots preferences
- Improved cleanup after tour has run, close any editors that the tour might have opened and also restore the focus to the last editor
Demo Projects HQ
- Fully feature complete now, with files upload (dropzone), rich text editing (summernote), Tagify and date range picker
Wappler UI
- Introduced a new "Extra Large" UI Size in the Wappler Global Options, to allow even larger UI size useful for tours and videos
- Improved the UI size scaling of the large left sidebar icons
Wappler UI Scaling
- Greatly improved scaling of the UI depending on the chosen UI size. Now grids also scale, left layouts and popup sizes
- Also improved tree spacing
- Also change the code view and terminal font size depending on the UI size
- Improve also the popups size scaling, like the Wappler options popup
- Improved also the size and layout of the sidebar in popups like Wappler Options (without icons) and Components insert (with icons)
- Improve also the Assets Updater and Publisher dialogs for better scaling
Project Manager
- Improved project thumbnails view to be more clear and also display well with Wappler light theme
Design View
- Make the default display of the dark or light theme follow the current Wappler theme
- Style also the live view design elements and place holders to dark - when dark theme is on
- Use the theme light or dark background for the initial background color of design view to avoid flashes when working in dark mode for example
General
- Added new options
Design Theme Follows Wappler Theme, default on, to use the current Wappler UI theme as the default Bootstrap theme in Design View. - Improved the Wappler theme change to directly affect the design view ruler, scrollbar and terminal as well
- Improved project thumbnail capture to look better and have no dark artifacts
New Experimental Git Manager
- Added support for renamed status
- Removed all credential logging
- Removed compatibility layer with NodeGit added by AI migration
- Optimized detail view rendering
- Optimized status retrieval
- Renamed status "new" to "created"
- Allow unselecting selection
- Do not select uncommitted changes by default
- Improved rendering
- Implemented virtual list for uncommitted changes to allow thousands of files without slow rendering
- Render checkboxes in Git Manager same as in Properties Panel
AI Manager
- Limit task description (prompt) to 3 lines in overview.
FTP Manager
- Supply in needed ca-trust global certificates to be able to cleanly verify trusted ftp sites
- Always use system available SSH if needed
Server Connect NodeJS 2.8.1
- Improved handling of * and /* routes
App Connect Tagify 2.0.8
- Added support for automatic Bootstrap 5 dark theme support
App Connect Summernote 2.1.3
- Added support for automatic Bootstrap 5 dark theme support
App Connect Capacitor SQLite 1.1.1
- Fixed bug in Group By and OrderBy queries