Wappler 7.9.0 Released

Wappler General Announcements
1

Wappler 7.9.0 Released

Check the new Wappler site at https://wappler.io/
Read latest Wappler Docs
and download Wappler 7.9.0 from your Account Dashboard

Or just do “check for updates” on the Wappler tray icon for automatic install!

What's New

In this major Wappler update we have added great Bootstrap improvements, completely rewritten the Bootstrap 5 design blocks with much richer and practical starter layouts, they are not only greatly designed but also fully dynamic by using App Connect functionality directly our of the box!

Now you can insert a Bootstrap 5 block and it will already have practical sample data, repeaters, filters, and more, so you can see how to use it in a real project right away.
Also we have improved design view to easily highlight and add the new Bootstrap design blocks directly.

Furthermore we have added a new JSON Data Editor, so you can visually edit JSON data directly from App Connect properties without switching to manual code editing, with support for both table view and code view, inline grid editing for arrays and objects, and more.

A brand new Wappler Referral Program is now available, now you can get rewards for referring your friends to Wappler, with referral links and rewards for both you and your friends.
See Wappler Referral Program - Invite Friends and Earn Wallet Credit

Wappler Account Site

  • Added new referral program with referral links and rewards
  • Improved reliability and purchase process

New experimental Git Manager

  • Fixed incorrect argument in mergeBranch method
  • Initial popup on merge conflict, user can abort or resolve using mine or theirs.
  • Improved the merge conflict dialog

Bootstrap 5 Extensions Update

  • Improved Bootstrap 5 authoring support across the editor to better match modern Bootstrap 5.3 structures, classes, and component hierarchy.
  • Expanded Bootstrap 5 form coverage with better support for input groups, floating labels, fieldsets, form text, and valid/invalid feedback states.
  • Refined Bootstrap 5 cards and accordions with cleaner parent-child structure, updated Bootstrap 5 accordion markup, and more logical insert options in the component tree.
  • Updated Bootstrap 5 navigation and navbar rules so nav items, collapses, brands, text, and containers follow a more natural and valid hierarchy when building menus and tab navigation.
  • Added support for more Bootstrap 5 utility and content components, including ratio helpers, hstack, vstack, icon links, vertical rules, figures, figcaptions, and richer placeholder variants.
  • Improved starter templates so newly inserted Bootstrap 5 components are recognized more accurately in the structure tree instead of appearing as generic wrapper elements.
  • Reordered many Bootstrap 5 insert options to surface the most common child elements first, making component insertion faster and more intuitive.
  • Replaced non-standard generated styling patterns with standard Bootstrap classes, while preserving useful legacy identifiers where needed for compatibility and recognition.
  • Improved Bootstrap 5 collapse and modal rule behavior to better reflect current Bootstrap structure and expected editor parenting rules.

Bootstrap 5 Blocks

  • Completed a final closeout sweep across the remaining unresolved Bootstrap 5 starter blocks so the library no longer contains empty content sections, blank grid shells, or outdated Bootstrap 4-era navigation leftovers in the modernized families.
  • Rebuilt 22 previously empty or blank HTML starters across Contents_*, Footer_*, Forms_*, Grid_*, and Navigation_* with practical Bootstrap 5.3 layouts that now read like real reusable starters instead of unfinished scaffolds.
  • Modernized the last outdated navigation holdout by replacing the old Bootstrap 4-style social navbar pattern with a Bootstrap 5 version that matches the refreshed navigation family.
  • Added new practical starter coverage for title-led content sections, centered and multi-column footers, lightweight registration forms, row-based grid layouts, and additional brand-led navigation patterns.
  • Completed the Contents_* family sweep with 29 refreshed HTML starters and 50 matching thumbnail previews regenerated into the modern neutral 320 x 240 SVG style.
  • Completed the Ecommerce family with richer Bootstrap 5.3 catalog, collection, product-detail, checkout, and outcome blocks that stay blank-project-safe while still showing realistic App Connect-ready sample data.
  • Finished the Contents family with practical editorial, list, banner, calendar, video, playlist, and multi-column publishing sections that are more useful immediately after insertion.
  • Added a large Grid family sweep that converts empty row and column scaffolds into reusable Bootstrap 5 layout starters with seeded content structure and matching modernized previews.
  • Added a full Modal family sweep that replaces legacy Bootstrap 4 popup shells with Bootstrap 5 trigger-plus-modal starters for text, forms, media, image review, and status feedback flows.
  • Added a new Navigation sweep that replaces several empty or outdated navbar starters with modern Bootstrap 5 navigation patterns that ship with seeded App Connect states and clearer production-ready structure.
  • Strengthened Contents App Connect examples so dynamic blocks now demonstrate realistic seeded repeaters, calendar scheduling, search/filter behavior, and media presentation instead of static wireframe placeholders.
  • Expanded the upgraded block set across Action, Contents, Ecommerce, Features, Footer, Form, Grid, Modal, Navigation, Pricing, Teams, and Testimonials categories.
  • Expanded the upgraded block set across Action, Contents, Features, Footer, Form, Pricing, Teams, and Testimonials categories.
  • Replaced many remaining static placeholder layouts with more production-like starter sections that demonstrate realistic structure immediately after insertion.
  • Substantially upgraded the Features family with richer promo, slider, image-led, and fullwidth explainer layouts that now show practical App Connect usage and stronger editorial structure.
  • Expanded the Teams family with richer directory, leadership, and banner-led layouts that better communicate role structure, grouped content, and team storytelling.
  • Continued modernizing the Contents family with stronger card, banner, and video-led editorial layouts that feel more like reusable content sections than wireframe placeholders.
  • Kept the refreshed blocks theme-safe by relying more heavily on Bootstrap body-aware surface and text utilities for both light and dark page themes.
  • Improved the Bootstrap 5 blocks library with richer, more practical starter layouts that are easier to use in real projects.
  • Upgraded many dynamic blocks to include better built-in sample data, so blocks look meaningful immediately after insertion.
  • Improved light and dark theme support across the updated Bootstrap 5 blocks for more consistent readability.
  • Enhanced App Connect examples inside the blocks so dynamic layouts demonstrate real filtering, repeating, states, and conditional UI instead of static placeholders.
  • Improved repeat-based block bindings to use the correct relative item scope, making inserted dynamic blocks cleaner and more reliable.
  • Expanded Bootstrap 5 block coverage with stronger interactive examples for teams, tables, ecommerce, contact, integrations, and interface layouts.
  • Upgraded the Teams blocks with richer list and member-management layouts that better show roles, availability, and team structure.
  • Improved the Tables blocks with more realistic admin and order-management examples, including clearer status-driven layouts.
  • Enhanced the ecommerce sidebar and offcanvas filter blocks with more practical search and filter behavior.
  • Upgraded the Contact support block with richer support-channel, routing, and response-state examples.
  • Improved the Integrations grid block with a more useful searchable and filterable layout.
  • Extended block dependency handling so required Bootstrap 5/App Connect extras are included more reliably when needed.
  • Improved Bootstrap 5 block group icons in the picker so more categories now show solid, colored icons consistently.
  • Added proper solid colored picker icons for categories such as Authentication, Contact, Interface, and Tables.
  • Regenerated and synced the Bootstrap 5 block rules so the updated layouts and picker improvements are available consistently.
  • Greatly improved and restyled the thumbnail previews of the blocks
  • Added 4 new block categories — Hero, Blog, Stats, and Gallery — with 8 new blocks that fill major gaps in the Bootstrap 5 starter library.
  • New Hero blocks: Hero_centered (centered hero with stats row and CTA buttons), Hero_split_image (split layout with feature checkmarks and dual CTAs), and Hero_dark_tabs (dark background with audience tab switching and dynamic descriptions).
  • New Blog blocks: Blog_grid (filterable blog card grid with categories, author photos, and read-time badges) and Blog_article (full article layout with sidebar table of contents, related articles, and CTA card).
  • New Stats blocks: Stats_counter (four-card stats with color-coded icons driven by dmx-repeat) and Stats_banner (dark background stats banner with four metric cards).
  • New Gallery block: Gallery_grid (filterable photo gallery with category tabs and nine Unsplash images).
  • All new blocks ship with realistic seeded sample data via dmx-value and use App Connect components for filtering, tab switching, repeaters, and conditional display.
  • Replaced all remaining placeholder images across approximately 75 existing blocks with real Unsplash CDN images so every block in the library now shows meaningful visuals immediately after insertion.
  • Replaced empty ratio placeholder divs in data-driven blocks with proper <img> elements bound via dmx-bind:src to image fields in the seeded sample data.
  • Removed all remaining custom CSS (icon-box) from Dashboard and Auth blocks, replacing with standard Bootstrap 5 flex utilities.
  • Created matching 320 x 240 SVG thumbnails for all 8 new blocks following the neutral wireframe mockup style guide.
  • Added Hero, Blog, Stats, and Gallery picker icon color mappings so the new categories show solid colored icons in the block picker alongside the existing categories.
  • Regenerated and synced the Bootstrap 5 block rules. The library now includes 198 HTML blocks and 202 SVG thumbnails with zero missing pairs.
  • Improved chart blocks and structure
  • made charts more dynamic and data source driven
  • Use data views for filters and inputs for filter values
  • Improve categories icons and coloring

Design View

  • Added new design block highlight and addition in design view

AI Manager

  • Improved App Connect knowledge

New JSON Data Editor

  • Add and edit JSON data visually from App Connect properties without switching to manual code editing.
  • Switch between a table view and code view to work in the format that best fits the data.
  • Edit arrays, objects, and array-of-object structures with inline grid editing for faster updates.
  • Add new rows directly after the current selection to keep data entry in context.
  • Drag and reorder rows visually to organize JSON data without rewriting it by hand.
  • Add new columns with a guided prompt and manage table-style JSON structures more easily.
  • Use right-click context menus for quick row and column actions such as add, duplicate, delete, and remove column.
  • Open a dedicated header context menu for column-specific actions when working with table data.
  • Save JSON back in a cleaner single-quoted attribute-friendly format for better readability in HTML.
  • Start from existing JSON values with tolerant parsing for common App Connect-style data syntax.
  • Work in a dialog styled to match native Wappler pickers for a more consistent editing experience.
  • Launch the editor directly from supported JSON-related App Connect inspector properties for faster workflow.

Fixed issues

12 Likes