TabPageSelector

Content Type: Widget
Categories: User Interface

Overview

Use this pluggable widget to dynamically set the active tab page. The default Tab Container in mendix apps does not have facility to select and open tab page dynamically, by using this widget you can dynamically open tab page.

Documentation

Demo urlhttps://tabselectorwidgetapp-sandbox.mxapps.io/

TabPageSelector

Use this pluggable widget to dynamically set the active tab page. The default Tab Container in Mendix apps does not have facility to select and open tab page dynamically, by using this widget you can dynamically open tab page.

Features:

  • Dynamically open tab page
  • Get tab page number on which user has clicked
  • Call a Microflow on change of active tab
  • Tested on Mendix 8.18.19, 9.1.1, 9.6.0, 9.7.0, 9.11.0, 9.15.1, 9.24.9 and 10.3.1

Demo and Playground:

Try-out this widget by visiting playground

Usage:

  • Add a Data View and set the data source (this data source should have a attribute which will determine the number of active tab page)
  • Add a Tab Container inside the Data View
  • Add the this widget inside the Data View
  • Configure the widget by double clicking on it:
  • Enter the name of the target Tab Container (required)
  • Select the attribute to determine tab page number. The first tab page number is always 1. (required)
  • In the "Events" tab you can set the action on tab change (optional, default is do nothing)
  • Run the app, now based on attribute the tab page will be selected by default.

Limitations:

This widget should be used inside a data container, we cannot use Microflow as data source to determine active page number this is due to limitation from Mendix pluggable widgets. As of now there is no direct way to get return value form Microflow in pluggable widgets. See https://forum.mendix.com/link/questions/95035

Issues, suggestions and feature requests:

Suggestions, feedback, contributions and issues are always welcome :) here

Releases

Version: 1.1.0
Framework Version: 8.18.19
Release Notes: - Added facility to select an action on tab change event.
Version: 1.0.1
Framework Version: 8.18.19
Release Notes: Fixed the issue #1
Version: 1.0.0
Framework Version: 8.18.19
Release Notes: Initial Release.