New Features and Enhancements in V9 Service Pack 1

In this release, the following features have been introduced to provide an enhanced Quantum Visualizer experience.

  

New Responsive Grid Layout

The Responsive Grid Layout feature provides a quick and convenient way to create a responsive layout for apps on the Web, Mobile, and Tablet channels.
Quantum Visualizer has introduced the Responsive Grid layout for the FlexForm, FlexContainer, and FlexScrollContainer widgets to enable a Bootstrap-like responsive grid experience. A new property, responsiveConfig, has also been introduced for the FlexContainer widget that allows you to set the width of a container and the space between adjacent containers.

For more information on this feature, click here.

AI Assisted Development

Quantum Visualizer has introduced an AI Assisted Development feature to help developers with many commonly required Best practices. AI Assisted development works in combination with Quantum IQ. This new feature helps with things like being able to review applications for unused resources, skins, and widgets. It also helps developers check for design best practices like if the same font family is used across the application.

For more information about AI Assisted development, click here.

Find and Replace Skin Properties

A new Find and Replace Skin Properties option has been added in the Edit menu of Quantum Visualizer. This feature enables you to customize the Background, Border, and Font properties of the skins present in the current theme that is being used by the project. It provides a convenient and easy way for developers to re-skin a base application based on their design requirements.

For more information on this feature, click here.

Emulator Support for iOS and Android

Support to connect to the iOS & Android Emulators has now been added in Quantum Visualizer. This feature was missing during the porting of Visualizer Classic features in V9 and has now been re-introduced with an even simpler user experience. In the build screen, Quantum Visualizer displays a list of configured emulators, using which you can launch and run apps in iOS and Android native emulators.

Rollback to a Previous Fix Pack

Developers can now Rollback to a specific Fix Pack within a Service Pack.

For more information on this feature, click here.

Enhanced Upgrade Feature

The upgrade process is enhanced giving the developers more flexibility to choose the Fix Pack or Service Pack version they want to upgrade to.

For more information on this feature, click here.

Enhancements in the Project Import process

Enhancements have been made to the Project Import process that request user permission to import Quantum Fabric Services, resolve conflicts in the Services, and overwrite existing projects. Further, the ability to import a Local Project from a Folder has been added.

For more information on this feature, click here.

Support for Component Versioning

In Quantum Visualizer, developers can now create and use different versions of a component in an application. This helps developers add new features to a component without having to create a new component. The older components can then be upgraded to the newer versions.

For more information on this feature, click here.

Support To Add Components Within A Segment

Added support to add components (without contract) within a Segment widget or a Segment Template. Further, breakpoints can be added for a Segment widget in a Responsive Web app.

For more information on this feature, click here.

Mapping Editor Enhancement - Support tO mAP Breakpoint-sPECIFIC dATA

Using Quantum Visualizer you can now map different data for different breakpoints or channels. The feature helps developers to showcase only the specific data required in a breakpoint or a channel.

For more information on this feature, click here.

Embed Local HTML Content as A DOM Element

Using this feature, developers can now embed local web assets as content directly in the generated DOM using the Browser widget. The feature is only available for the Web channel.

For more information on this feature, click here.

Rules Service support in the Data and Services Panel

Added support to configure, edit, and view a Rules Service through the Data and Services Panel.

For more information on the Rules Service support, click here.

Support to View Debug Logs on the Quantum App

Support to view the detailed debug logs of the actions executed on the previewed child app has been added in the Quantum app. Users can also copy, download, share, and clear the logs.

For more information on this feature, click here.

Hot Reload in Live Preview for Web

Quantum Visualizer has introduced the Hot Reload feature in live preview that improves the live preview experience. Using the Hot Reload Feature, users can instantly view any modifications made to the Form or FormControllers in the project. This feature allows users to fix any issues with the code or the UI, by switching between Quantum Visualizer and the Live Preview window.

For more information on this feature, click here.

Support for New Build Options for Web Apps

Added support to configure the post-build actions to be executed after the Web archive generation in the Build and Publish Web App option. You can now generate a Web app archive without having to publish the app to Quantum Fabric.

For more information on this feature, click here.

Test Automation Enhancements

Fetch and Edit a Widget Path

The Test Automation feature is enhanced with new fetch and edit a widget path features. While the Test Automation is being recorded, developers can click on any widget in the application to view or edit the path of the widget.

For more information on this feature, click here.

Intellisense Support for Testing Framework APIs

Added Intellisense support for the Testing Framework APIs in Quantum Visualizer.

Integration with Quantum IQ

Added support to access the Testing framework through Quantum IQ in Visualizer. You can now open, create, and run, test cases, test plans and test suites using Quantum IQ.

For more information on this feature, click here.

Automation API Enhancements

Support for multiple viewTypes has been added for the CheckBoxGroup, ListBox, and RadioButtonGroup widgets, and the following APIs have been modified to enhance the Test Automation Framework:

Quantum IQ Enhancement - Language Translation

Quantum IQ's language translation feature now supports all the locales supported by Google Translate.

For more information about this feature, click here.

Android Enhancements

Support for Android Target SDK 29

Support for the Android Q (API level 29) Target SDK has been added.

For more information on this feature, click here.

Support for Cordova 9.0

Support for the Cordova version 9.0 has been added on the Android platform.

For more information on this feature, click here.

Enhanced Scroll Functionality

To enhance the consistency of the scroll behavior across platforms, Quantum Visualizer has introduced the overScrollX and overScrollY properties for the FlexScrollContainer widget on the Android platform. Further, to maintain consistent scrolling behavior, the Android platform also supports the bounces, allowHorizontalBounce, and allowVerticalBounce properties.

Scoped Storage Access APIs

If the targetSDK version of an Android app is 29 or later, scoped storage is enabled for the app, by default. Therefore, the following Scoped Storage APIs are added to replace the Legacy Storage APIs (such as getExternalStorageDirectoryPath).

Scoped Storage Enhancements for Media

Support for the HandleRecoverableException parameter has been added in the writeToMediaGallery API. In addition, the findImageInGallery has been enhanced to support scoped storage on apps that use Android TargetSDK version 29 (or later).

RawBytes Object Enhancements

Date and Time KeyBoard Styles

Quantum Visualizer has introduced keyboard styles and a text input mode for the Date and Time values in the TextBox and TextArea widgets on the Android platform.

Keyboard show and hide callbacks

Quantum Visualizer has introduced the following events for the soft keyboard on the TextBox and TextArea widgets.

Location Updates Enhancements

Support for the requireBackgroundAccess parameter has been added in the kony.location.getCurrentPosition and kony.location.watchPosition APIs.
In addition, updates have been made to include Android-specific Error Codes.

Enable Controller Cloning for Segment Row Template

Quantum Visualizer has introduced the enableCloneControllerForRowTemplates property for the Segment widget. This property is only available on the Android platform. It allows developers to clone the row template controller for each row of a Segment widget.

Accessibility Enhancement - Support For Tab Order

From Quantum Visualizer V9 Service Pack 1, the Tab Order field has been introduced in the Accessibility Config properties of Responsive Web Forms.

For more information about this feature, click here.

Cookie Management APIs

To support the WKWebView engine's usage of separate cookie storage, the setCookies, getCookies, clearCookies methods have been added for the Browser widget.

Support for the kony.net.setCookies API has been added in the iOS Framework. The API allows users to add or replace cookies in the app cookie storage. In addition, support for the cookieFormat parameter has been added in the kony.net.getCookies API.

A new shareCookiesInBrowsers property has also been added to enable the sharing of the cookies between browsers.

SSL Validation for WKWebView

Quantum has introduced the sslValidationBehavior property that handles the SSL pinning and validation for the Browser widget. For a Browser widget in an iOS app that uses the WKWebView engine, all the hosts in the public_keys.json file must be pinned to load the data.

API to Close a Database Handler

Support for the kony.db.closeDatabase API has been added in the iOS Framework. The API allows users to close the database handler of a specific database version.

Secure data input in TextBox and TextArea widgets

Data input for TextBox and TextArea widgets has been enhanced with additional security by using the isSensitiveText property.

autogrowMode property for TabPane widget

In earlier versions of Quantum Visualizer, the height of the TabPane widget could not be specified dynamically if it was set as Preferred. From Quantum Visualizer V9 Service Pack 1, support for the autogrowMode property has been added to the TabPane widget. Using the autogrowMode property, you can specify the height of the TabPane widget dynamically.

Sketch and Photoshop extensions moved to Maintenance Mode

Support for the Sketch and Photoshop extension plugins is currently in maintenance mode. Quantum Visualizer will continue to provide compatibility support for these features for new releases of Photoshop & Sketch. However, support is not provided for updates that require major software changes.

V9SP1 Fixpack 10 Features

Define Conditional and Dependent Properties for Components with Contract

In the V9 Service Pack 1 Fixpack 10 release, Quantum Visualizer introduces the conditional rendering of properties feature allows you to define conditions and dependencies between properties for a component with contract. For example, using this feature, you can update the visibility of a dependent property based on the value of another property.

For more information on this feature, click here.

Support for JSON as a Property Type for Components with Contract

In the V9 Service Pack 1 Fixpack 10 release, Quantum Visualizer introduces support to provide JSON as a Property Type for custom properties in the Manage Properties section for components with contract.

For more information on this feature, click here.

i18N as a Pass-through Property for Components with Contract

From Quantum Visualizer V9 Service Pack 1 Fixpack 10 release, you can add i18N properties as a Pass-through property for Components with contract. This helps users support Internationalization more easily in the components with contract. You can add the property from the Manage Properties section of the Components or add the property directly from the Properties panel.

For more information on this feature, click here.

Expose Component Event as a Pass-through Event in a Component with Contract

With the V9 Service Pack 1 Fixpack 10 release, Visualizer enables the capability to expose an event in a component with contract as a pass-through event. The pass-through event at the instance can then be used to modify the existing functionality in the event or to extend the functionality of the event.

For more information on this feature, click here.