listview Message if Empty

Content Type: Widget
Categories: User Interface

Overview

Pluggable web widget to display custom input in case a listview is empty.

Documentation

ListviewMessageIfEmpty

Pluggable web widget to display custom input in case a listview is empty. The widget also works with nested listviews.


Typical usage scenario

When an empty listview should have a custom message in case it's empty.


Features and limitations

Features

Place a listview inside the widget. Place other text / widgets inside the empty listview widget section.

  1. Install NPM package dependencies by using: npm install. If you use NPM v7.x.x, which can be checked by executing
  2. npm -v, execute: npm install --legacy-peer-deps.
  3. Run npm start to watch for code changes. On every change:
  • the widget will be bundled;
  • the bundle will be included in a dist folder in the root directory of the project;
  • the bundle will be included in the deployment and widgets folder of the Mendix test project.


Limitations

The widget doesn't really do any more than described.

With nested listviews, you would need to use another Listview Message If Empty to configure the inner listview(s).


Dependencies

A listview, selected by the same classname as defined in the widget.


Installation

Install the widget and configure it:

  1. Place a listview widget inside the 'Listview widget ' section.
  2. Add the text / widget(s) for when the listview is empty inside the 'Empty Listview content' section.


Configuration

  • Insert a classname to select a listview.
  • Configure a message to show if the listview is empty.
  • Boolean to toggle show / hide listview bottombar

Releases

Version: 2.0.8
Framework Version: 9.12.0
Release Notes: Update: - project package - widget icons - design mode preview
Version: 2.0.7
Framework Version: 9.12.0
Release Notes: Update project package
Version: 2.0.6
Framework Version: 9.12.0
Release Notes: Improve selector for checking listview
Version: 2.0.5
Framework Version: 9.12.0
Release Notes: Update package
Version: 2.0.4
Framework Version: 9.12.0
Release Notes: Update project package