Dataview Loader

Category: Widgets
Subcategory: Display widgets

Overview

When you retrieve large amounts of data, especially with integrations, it takes a while for the pages to load, and the Users can't see or do anything. Mendix shows a loader until ALL data is retrieved, and only then it shows the complete page. Wouldn't it be better if we could show the User part of the page as it loads, and then the rest once the retrieve over integration is complete? This widget allows you to show the User parts of the page directly data is retrieved, with individual elements showing a loader.

Documentation

Demo urlhttps://dataviewloader.mxapps.io/

Dataview Loader widget

When you retrieve large amounts of data, especially with integrations, it takes a while for the pages to load, and the Users can't see or do anything. Mendix shows a loader until ALL data is retrieved, and only then it shows the complete page.

Wouldn't it be better if we could show the User part of the page as it loads, and then the rest once the retrieve over integration is complete?

This widget allows you to show the User parts of the page directly data is retrieved, with individual elements showing a loader.

Typical usage scenario

You have data that is hard in showing on the page because of

  • Integrations from external systems
  • Hard data calculations
  • Custom search functionality
  • Lazy loading

Or it's just a lot of data and you want your users to show the page directly but give feedback that the data will come later.

Features and limitations

This widget executes the microflow containing the integration and fetches the required page and is showing a loader image until the page is fetched. Than the content of the part is shown.

  • Let the user show content directly but load content that are slow in retrieving.
  • Showing a loader image until the data is done.
  • The loader is based on CSS3 animation. The color or appereance can be changed with CSS.
  • Fade in the content after loading

Installation

  • Just download the widget from the appstore!

Configuration

  • Place the widget in a dataview.
  • Make a page in a popuplayout containing the dataview of the object where the widget is standing in.
  • Make the microflow that will executes the data retrieval.
  • Configure the widget with the page and optionally the microflow and the return entity.
  • To track conditional visibility enable the property 'Visibility handling'. This is also applied when using tabpages.
  • Take control on the refreshes based on a boolean attribute of the context object. The widget will restart loading when the boolean attribute is set on true.
  • The usage of the dynamic page loading is done with the Result Page Microflow which the the dataview object and must return the page name according the format "module/pagina.page.xml"

Releases

Version: 3.0.0
Framework Version: 8.2.2
Release Notes: - Upgrade to Mendix 8.2.2 - Added new widget: Dataloader. A better UI onl loading large data and pages instead of the loading view of the Mendix microflow call.
Version: 2.2.0
Framework Version: 7.23.0
Release Notes: - Automatically reload the page at a certain seconds interval to create up-to-date dashboards - Compatible with Mendix 8
Version: 2.1.0
Framework Version: 7.18.1
Release Notes: A simple an easy feature, but crucial for user experience. You can set a loading text in the widget when the microflow is executed.
Version: 1.3.1
Framework Version: 6.6.0
Release Notes: - Improved page loading, is executed now one time. - Clean up some code - Removed 'Resize' handling because it will reload the page each time.
Version: 1.3.0
Framework Version: 6.6.0
Release Notes: A simple functionality but a huge different. Fading the content on the page after loading instead of directly on the page.