This website uses cookies for visitor traffic analysis. By using the website, you agree with storing the cookies on your computer.More information

Category: Development

JVx' Flutter feature preview

We have some great news for you!

We tried to improve our picklist = combobox = linked cell editor visually. And the result is so cool.

We played around with different styles like bottom sheet and popup. A bottom sheet is very common on iOS but not on Android devices. A popup is a usual method.
Our current implementation is a popup but it looks like a dialog. It's not bad but not cool enough.
The visual difference is big but it's always the same control.


Some impressions

Every video first shows the good old linked cell editor = combobox = picklist and then a new variant of the same editor.



This could be the new default
implementation, because the
animation is not too pushy.


The bottom sheet variant.


As popup below the editor with
pushy animation.


As popup below the editor with
fade-in animation.


As popup below the editor with
menu animation.

The best of all is that we support all shown variants. It's possible to mix modes, just define the style like:

editor.addStyleNames("f_as_popup")

We support following style names:

  • f_as_dialog
  • f_as_bottomsheet
  • f_as_popup

Styles for popup animation:

  • f_popup_jump
  • f_popup_fade_in_bounce (default)
  • f_popup_fade_in_down
  • f_popup_fade_in_roll_down

As usual, code is available in our github repo.

JVx' native Flutter client 3.3.0 is available

We're happy to announce that our native JVx' flutter client 3.3.0 is stable and available.

It's now flutter 3.35 compatible, supports Android' 16KB Page size and is ready for Android SDK 36.

We’ve invested a lot of time in improving stability and performance. Layout rendering should now operate somewhat faster than before. Additionally, we’ve implemented push and deep links in a way that allows the application to update its display using pure parameters. For example, it’s now possible to update individual fields or open entire screens and select specific data records within them.

How it works?


Deep link example

Deep link example


The app runs on a real device. It has a simple screen with a button which will send an email with two links in it. The first will open the app and sets an application parameter. This parameter will be shown as text of a text field. The second link will open a specific screen and scrolls to a specific record.

Our implementation of native push:


Native push

Native push


The app receives a push message while running and shows a local notification. If you tap the notification, the app will be opened as well. In this demo, we don't tap the notification.

The project, as always, can be found on github.

We’ll be updating our VisionX Previewer app in the next few days and releasing it in the stores.

VisionX Previewer menu badges

We already support badges for standard components. So the next logical step is to support badges in the menu. And that's exactly what we've implemented. See for yourselves:


Menu badges

Menu badges


The badge will appear animated if you change the text.

The API is simple:

BadgeUtil.setBadge(this, UpAndDownloadWorkScreen.class, Integer.valueOf(1));

Pretty awesome, right? You don’t have to worry about the technical issues, just focus on building your app. We’ll take care of the technical details for you.

VisionX Previewer new features

We officially support badges for every component. It's super easy to show a badge for e.g. a button, but first let's have a look:


Badge animated

Badge animated


The badge will appear animated if you change the value. The API is simple, because we use our style system, e.g.:

Style.addStyleNames(comp, "f_badge_1);

You have many options to customize the badge, e.g. color, border, position:

Style.addStyleNames(comp, "f_badge_color_#205090, f_badge_align_bottomLeft, f_badge_offset_20, f_badge_border_2_#FFFFFF");

Another example:

Badges

Badges

The app is not available in the app stores because it's still under development, but the feature is already available in our repository.

Also, the app is ready for latest flutter version: 3.35.0
Use all features of latest flutter and dart to create your custom application without limits.

It's truly incredible how quickly you can build database apps using our generic application. The unrestricted native access is unmatched, and the standard components with all included features already enable the creation of outstanding apps.

JVx Flutter UI with Google' IDX

If you don't know IDX, you should read more about it!

In short, it's development workspace in the cloud.
Not interested because cloud development environments are not new?
Stop reading and have a nice day ;)

IDX is different!
It's still beta, but it's so cool and it already works. The cool thing is the architecture and the visions behind it.

We tried different cloud dev environments in the past but IDX is the first which worked like expected. One click and everything will be up and running, super fast, easy to manage (because it just works).

Our use-case is simple. Create a mobile demo app with Flutter UI like our example app.

It was super easy because copy/paste of source files was enough. Here's the result:

Flutter UI Android preview

Flutter UI Android preview

 
Flutter UI web preview

Flutter UI Web preview

To be honest, it wasn't possible to develop without manual configuration because supported flutter version was too old. But a simple

flutter channel stable

fixed this problem. The Android emulator preview had some problems and didn't work at first but it suddenly worked. We have no idea why, but IDX is beta. The overall performance is not super fast but the IDE part itself is fast enough. The preview and build could be better. Also the Android simulator integration lacks.

But if everything would be configured by a custom template, your online IDE is ready in 30 seconds - ready to work.

For us it's not a replacement for desktop development but it's perfect for collaboration or if you need complex environments e.g. docker, databases. It makes sense to create a development environment in some seconds and share the environment with your team or just to provide a development environment for Low-Code citizen developers. Not every citizen developer has the skill to configure a development environment. But a click on a link and modifying existing files is not a problem.

If you're interested, just try out IDX on your own.

VisionX Previewer automatic Feedback

With next VisionX Previewer release we'll have a really useful feature. It's an automatic feedback in case of unexpected application errors.

It's entirely possible that the app can't handle all use cases equally well. This can lead to overflows or even unexpected display issues. Usually your users won't report such problems if they don't persist. For such cases, we have implemented an automated feedback handling. Any unexpected issues are reported automatically. The application will send the internal error message and stack trace to the backend and a Screenshot of the current application if possible.

Examples:

Text overflow

Text overflow

Exceptions

Exceptions

This will be reported to the backend e.g.

Overflow feedback

Overflow feedback

Exceptions feedback

Exceptions feedback

No worries, it's just a demo screen. It doesn't look fancy. Just use VisionX to create your own cool screen.

Our feedback handling is not comparable with commercial products like Sentry.io which is the recommended system in the flutter docs. But it's simple, free and built-in. If you use our flutter client as base of your own application client it's also possible to use other reporting systems like Sentry.io without any limitations.

We always try to keep things simple for you!

VisionX Previewer app 3.3.0 insights

We work hard on our VisionX Previewer app and have some really cool new features for you :)

You know that we use a table for data representation. It looks like following:


Standard table

Standard table


We know that a table is not really cool on mobile devices. A table on mobile devices often looks like a list, like this one:



Our problem was the layout of the list elements. This is easy for a table but complex for a list. Anyway, we found a super flexible solution for the problem and now it's possible to show a table as list, like following:


Table as List

Table as List


You don't need to change your application to show a table as list, just add a style information to your existing tables and everything will work. The list supports same features as the table. It's sortable, editable and you can delete records. The list has some additional style options like as Card, with + button, with border, with arrow:


Style options

Style options


This is the default layout implementation of the list. If you want another layout, you can use a template mechanism to create your own customized list. The template is a json file which defines the layout. It's not super easy but with a little patience it will work.

The new list feature will be available together with the next VisionX update in some weeks, because the template mechanism is new and not available in older VisionX versions.

VisionX Previewer App 3.2.0 is available

Our VisionX Previewer App 3.2.0 is available. PLEASE read this article BEFORE updating the app.

It's a performance and feature release for flutter 3.24.

The new version fully supports table cell formatting (Cell profiles), fixed table cell size calculation, improved image loading and caching (no more flickering), supports full-screen content without safe are (optional), contains new date and time picker components and comes with updated dependencies.

With next version we will use flutter 3.27 and later.

A full changelog is available here and information about 3.2.0.

E-Plug (1.2.60) Update site

If you read the article about VisionX 6 update you saw that E-Plug is also updated from 1.2.60 to 3.0.0.

We released E-Plug 3.0.0 already and 1.2.60 is not available via Eclipse Marketplace anymore. However, if you made a mistake and want to stay with 1.2.60 it's still possible. In this case, simply add a custom update site in your Eclipse settings and use following URL: https://eclipse.sibvisions.com/eplug.1.2.60

This location contains latest E-Plug 1.2.60.

The default location for latest E-Plug is: https://eclipse.sibvisions.com/eplug

JVx 3.0 is available

We're happy to announce that JVx 3.o is available. It's a feature release and fixes some problems.

All changes are documented in our ticketing system. The release contains 138 tickets and much more work behind the scenes. It is full of experience gained from countless projects. This version is the heart of our low-code platform VisionX and it is a rock star.

JVx 3 is the effort of 34 months hard work.
Thank you Martin and René for your tireless work!

It comes with better database independency, Java code parsing and execution, Image metadata (mobile devices), improved Parameter handling and much more. The full list of changes is available in our ticketing system and in the changelog of our code repository.

Start with JVx