We proudly announce our brand new Add-On for upcoming VisionX 6.6: Security protocol

Security protocol Add-On

This AddOn adds an additional layer to your application and makes it possible to see login failures, successful logins and logouts, with additional information:

Protocol screen

It's a must-have

Simply get in contact with us!

We are happy to announce some new Add-Ons for VisionX!

• Entra ID authentication (with user and group sync)

  The Entra ID authentication uses Azure AD/Entra ID for authentication and synchronizes user and group information from Azure to your application.

  This AddOn supports SLO with your browser.

• AD authentication (with user and group sync)

  The AD authentication uses Kerberos to authenticate against your active directory like Samba or Microsoft AD (Windows Server) and synchronizes user and group information to your application.

  This AddOn supports SSO with your browser.

  This AddOn is a more powerful version of our current AD authentication AddOn which doesn't synchronize user and group information.

• LDAP authentication (with user and group sync)

  This AddOn simply allows manual authentication against your LDAP server. It synchronizes user and group information from LDAP to your application.

All Add-Ons are available separately and can be purchased.
These are not free add-ons.

Simply get in contact with us.

We are currently developing a new AddOn for VisionX that allows you to log in to your application using Entra ID (Azure AD).

The AddOn integrates seamlessly into your application, giving you the flexibility to choose your preferred login method. The authentication type is determined by the URL you access, for example:

• http://myapp.visionx.cloud/AzureADAuth/ (without Entra ID login)
• http://myapp.visionx.cloud/AzureADAuth/azauth (with Entra ID login)

If Entra ID login is selected, the Entra ID login mask will appear before the application loads:

EntraID login

After a successful login, you will be redirected straight to the application and signed in automatically. All available screens will be visible immediately, based on your specific permissions. During the login process, we automatically sync app roles and user groups from Entra ID to your application.

We support the following web technologies:

• vaadin UI
• react UI
• flutter UI (mobile mode)

On mobile devices, the login process works similarly to the browser, but the login mask is displayed directly within the app:

Entra ID (mobile)

In addition to signing in, you can also change your password or perform a secure logout from Entra ID.

All you need to get started is our Entra ID AddOn.

Our drawer menu just got more flexible.

With our new compact mode for the header and/or footer, you can free up valuable space for your menu items - perfect for screen-heavy applications.
Whether you prefer a generous, information-rich layout or a sleek, space-saving design, the choice is now yours.

Here are the differences:

Standard menu

Compact header

Standard menu

Compact footer

Standard menu

Compact header and footer

Have a nice weekend!

To kick off the week, we're rolling out a brand-new tabset for you. Our previous implementation was a bit too static and didn't handle swipe gestures as smoothly as we wanted. It also lacked the fluidity you'd expect on modern mobile devices.

A tabset should feel effortless - fast, responsive, and intuitive. That's why we’ve taken this component back to the workshop and given it a serious upgrade.

Here’s a quick look at how the new version stacks up against the old one:

Tabset (old)

Tabset (new)

That makes using a tabset so much more fun

The next highlight in our styling offensive: the Main Menu.

With just a few tweaks to spacing, corner radius, and colors, you can give your app an entirely new look. A couple of entries in mobile_style.mxl — and your app transforms instantly.

Main menu (old)

Main menu (new)

Look forward to more customization options

You can now customize your apps better than before.

You already have the ability to design the screens exactly the way you want. You decide the layout and the positioning of the elements according to your preferences. With a few style settings, the app can then be visually enhanced.

Until now, the entire application frame, such as the menu and the appearance of input fields, buttons, tables, etc., could only be customized in the native code. But that is not something you can do in just a few seconds.

That is why we started making parts of the app/theme customizable. For example, you now have the option to define the corner radius, control button colors centrally, and much more.

Here is a small example:

Menu (old)

Menu (new)

Next example, an example screen:

Default color

Custom colors

Show images as avatar:

Image (portrait)

Image (avatar)

If you want, show border around images like this one:

Signature (no border)

Signature (border)

And as a little extra, menu button arrow now animates:

Buton animation

Look forward to more customization options

We've got a small but sweet update for you!

Up until now, the table would just show a big empty space whenever there were no records. Not super helpful.
To keep things clearer, we now show a friendly hint when there's nothing to display:

No records (old)

No records (new)

Enjoy the update!

We have a few new features for our VisionX Previewer app. As announced last week, here are the details of the new features.

Below you'll find links to the documentation for each item:

Theme customizing

Background customizing

Client-side encryption

Biometric & PIN authentication

Screen styling

Editor styling/features

Menu styling

An empty menu will now look like:

Empty menu

All changes will be available with next VisionX and App update!

We've added a cool new component for you. It's a list of buttons that together look like a button bar.
Flutter already provides this component out of the box, but without customizing the app you can't use it. To make sure you can use it even without customization, we implemented the ButtonGroup class on the server side.

If you now include the class in a screen like this:

you will see the following in the latest app:

Button group

You now have another very helpful component that you can integrate into your custom apps.

Have fun