WaveMaker 11.12.0 - Release date: 18 August 2025

WaveMaker 11.12.0 introduces WMX Widgets, enabling seamless use of custom React Native components as native WaveMaker widgets. This update also brings UI enhancements and key fixes across Web, React Native, and Studio.

Features

React Native

Introducing WMX Widgets (Beta)

You can now seamlessly integrate your own custom React Native components into WaveMaker as fully functional widgets.

WMX Widgets act as a smart wrapper around your component, giving it all the built-in capabilities of WaveMaker widgets, including property binding, event handling, script access and theme styling, while letting you retain full control over its internal React Native logic.

This enables you to:

• Add unique UI elements or highly specialized features not available in the default widget set.
• Avoid workarounds by using your custom component as a first-class citizen in your app.
• Continue leveraging WaveMaker’s design and development ecosystem for styling, binding, and debugging.
• AI-friendly development – WMX Widgets are designed to work well with AI-assisted coding tools, making it faster and easier to develop, refine, and extend custom widgets.

Whether you’re building a niche interactive component, experimenting with a custom visual style, or bringing in advanced native capabilities, WMX Widgets make it easy to extend WaveMaker without sacrificing integration.

Enhancements

React Native

Introduced "Navigation Bar Style" Property for Pages in Edge-to-Edge Mode

A new "Navigation Bar Style" property has been introduced for pages to control the appearance of the Android system navigation bar when the app is in Edge-to-Edge mode.

Available options:

• light: Almost transparent with very light opacity.
• dark: Semi-transparent with medium opacity.

This allows developers to better match the navigation bar with the app’s overall visual theme.

Light Nav Bar Style

Dark Nav Bar Style

Enhanced: Fallback Screen Now Supports Style Customization

The Fallback Screen has been enhanced to support custom styling through CSS.
You can now target specific sections of the fallback UI using the following CSS classes:

• .app-error-fallback
• .app-error-fallback-info-container
• .app-error-fallback-image
• .app-error-fallback-error-card
• .app-error-fallback-error-card-row
• .app-error-fallback-toggle-button
• .app-error-fallback-stack-card
• .app-error-fallback-stack-header
• .app-error-fallback-stack-container
• .app-error-fallback-button-container

This provides developers with greater control over the look and feel of the error fallback UI. Fallback Screen Style Documentation

Introduced .app-list-content-container class for List widget

A new CSS class .app-list-content-container has been added to the List widget.
This class targets the container that contains all the list items inside the list widget. It can be used to apply styling (e.g., padding, background, layout behavior) to the entire list content block.

Binding Support for Form Action's Class

The class field for Form Actions (e.g., Submit, Cancel buttons) in the Form widget's Advanced settings is now bindable.
This allows developers to apply conditional styling using expressions via the "Use Expression" tab in the bind dialog.

Example use case: dynamically change button color or visibility based on form state.

Bugs

Web

Fixed: Auto Complete Form Field Value Not Captured via Keyboard

When navigating a form using the keyboard, selecting a value in an Auto Complete form field did not properly register the selection, leading to form submission failures.
This has been fixed, values chosen through keyboard navigation are now correctly captured, ensuring successful form submission.

Fixed: Studio Inspection Panel File Download & Navigation Issues

Improvements in the Studio Inspection Panel:

1. Incorrect File Download Fixed
   Downloading inspection results from the Download button modified the data and generated an incorrect .html file.
   It now downloads a .json file with accurate inspection data.

2. File Navigation for Linted Files Outside src Fixed
   When linting files outside the src folder using the eslintrc-override.js configuration, clicking an issue in the Inspection Panel did not navigate to the correct file.
   Navigation now works correctly for all linted files, including those outside src.

React Native

Fixed: Scroll and Image Loading Issues in List Widget inside Tabs Widget

Resolved two issues with the Tabs widget when it contained a List widget:

• Scroll Issue: Tab content was not scrollable on first load.
• Image Loading Issue: Images inside the list sometimes failed to load within tab content.

Both issues have now been fixed. Tab content is scrollable on first load, and images load reliably.

Fixed: Alignment Issue in Grid Widget Columns

Resolved an issue in the Grid widget where content inside multiple columns of a row was not aligning side by side as expected, and instead appeared stacked vertically.
The columns now render their content correctly in a horizontal layout.

Fixed: Bottom Sheet Layout, Positioning, and Rendering Issues

Several critical issues with the Bottom Sheet widget have been addressed for a smoother and more consistent user experience:

• On iOS & Android, the Bottom Sheet now adjusts correctly when the keyboard opens, without pushing background content or overflowing out of view.
• On pages with a List, the Bottom Sheet now opens as an overlay, correctly appearing above the content instead of below it—no more unnecessary scrolling.
• When used inside a Partial, the Bottom Sheet now renders reliably without layout or visibility problems.

These improvements ensure the Bottom Sheet behaves consistently across layouts, platforms, and use cases.

Fixed: Duplicate API Calls and Missing Items in Infinite Scroll

Resolved an issue in the List widget where, with Pagination Type set to "Infinite Scroll", scrolling sometimes triggered duplicate API calls or caused missing list items.
The infinite scroll logic has now been stabilized to ensure smooth and consistent data loading on user scroll.

Fixed: Slider Thumb Position Not Updating via Script

Resolved an issue where updating the datavalue of the Slider widget via script correctly changed the value, but the thumb position did not reflect the change visually.
The thumb now moves as expected when the value is updated using script.

Fixed: Tap Event Not Bubbling from Video Widget on Android

On Android, when the Video widget had Enable Controls disabled, tap events were not bubbling up to the parent widget.
As a result, the parent widget’s On Tap event did not trigger when users tapped on the video.

This issue has been resolved. Tap events now correctly propagate, allowing parent widgets to respond even when video controls are disabled.

Fixed: Incorrect Video Height with Edge-to-Edge and Auto-Hide Navbar Enabled

Resolved an issue where videos with height set in percentage (%) were not rendering with correct height when both Edge-to-Edge and Auto-Hide Navbar options were enabled.
Videos now render with proper height as expected.

Fixed: Improper Body Construction for Rest APIs with Content-Type set to application/x-www-form-urlencoded

Resolved an issue where REST APIs using the application/x-www-form-urlencoded Content-Type were not triggered correctly.
This was due to the request body being improperly constructed, resulting in failed API calls.
The request body is now correctly formed and sent, ensuring successful API execution.

Fixed: Layout Issues in List Widget Properties Panel

Resolved a UI issue in Studio where the Responsive and Fallback buttons in the List widget’s properties panel had incorrect layout.
They now appear properly aligned.

Technology Stack

---

WaveMaker Studio

UI Frameworks (Web and Mobile)

Description	JS Library	Version
JS Binding	jquery	3.7.1
	jquery-ui*	1.13.3
MVC Framework	Angular	18.2.13
	ngx-bootstrap	9.0.0
Styles	bootstrap	3.3.7
Charting	d3	7.8.5
	nvd3	1.8.11
Fullcalendar		6.1.15
Built-in functions	lodash-es	4.17.21
Device support, gestures	hammerjs	2.0.8

Optimized jQuery-UI library excluding unwanted components like accordion, datepicker, dialog, progressbar, spinner, tabs, and all jQuery-UI Effects.

Backend Frameworks (Web and Mobile)

Description	Java Library	Version
	Spring Framework		6.2.6 -> 6.2.9
Security framework	Spring Security		6.4.5 -> 6.4.8
	Spring Data	2024.1.5
	Spring Boot	3.4.5
	Spring Session	3.4.3
Java JSON utilities	Gson	2.13.1
DB Persistence library	Hibernate(Jakarta)	5.6.15. Final
Sample database	HSQL	2.7.4
JSON library	Jackson	2.19.0
Logging framework	SLF4j	2.0.17
Logging Implementation	Log4j2	2.24.3
Http client library	HttpComponents - httpclient	5.4.4
Servlet Framework		6.0.0
Database Connection Pooling	HikariCP	6.3.0
	Commons Lang3		3.17.0 -> 3.18.0
	Guava	33.4.8-jre
	Postgresql Driver	42.7.4
	Hibernate Validator	8.0.2.Final
	Jgit		7.2.0.202503040940-r -> 7.3.0.202506031305-r
	Commons Codec	1.18.0
	Commons IO	2.19.0
	Commons Text	1.13.1
	Antisamy	1.7.7
	Freemarker	2.3.34
	Apache Tika	3.1.0
	Mariadb JDBC Driver	3.5.2
	Mongodb Driver	5.4.0
	Jakarta Validation Api	3.1.1
	commons-validator		1.9.0 -> 1.10.0
	json-smart		2.5.1 -> 2.5.2

Web

Runtime Environment

Description	Version
JDK	21.0.6
WebSphere Liberty	23.0.0.9+
JBoss Wildfly	27+
Tomcat	10.1.39

This is the default Tomcat runtime support. Apps can be deployed to any standard Java Web Server running on JDK 11. For more information, see here.

Angular Web

Description	Version
Java	21.0.6
Node	22.11.0
Maven	3.9.9
npm	10.9.0
Ant	1.10.11

For more information about building projects with Maven, see here.

Mobile (React Native)

Environment Setup

Description	Version
Java	17
Node	22.11.0
Maven	3.9.9
npm	10.9.0
Android Studio	Ladybug 2024.2.2 - Meerkat 2024.3.1
Xcode	15.4 - 16.2
SDK Build Tools	34.0.0
wm-reactnative-cli	1.8.8
Android Gradle Plugin (AGP)	8.10.2

note

Users can now use a single Node.js v22.11.0 version across both Web and React Native platforms, as well as CLI tools.

SDK Update

Description	Version
Expo	52.0.17
React Native	0.76.3