TabSwitcher

Content Type: Widget
Categories: User Interface

Overview

This widget let’s you dynamically set the active tab pane of a tab container. This can be done by the outcome of a microflow, returning an integer/long, or by using one of the attribtes of the enclosing DataView entity.

Be aware, sadly this widget will not work anymore as of Mendix 9.6.x and upwards. Please upvote my idea:

https://forum.mendix.com/link/ideas/2890

Documentation

Description

This widget let’s you dynamically set the active tab pane of a tab container. This can be done by the outcome of a microflow, returning an integer/long, or by using one of the attribtes of the enclosing DataView entity.

Typical usage scenario

[Describe typical usage scenario(s)]

Features and limitations

[Describe the features / limitations of your content]

Dependencies [optional]

  • Mendix 6
  • jQuery library should already be loaded

Installation [optional]

[Describe the necessary steps to install the content]

Configuration [optional]

 

  1. Add the widget inside the DataView which holds the tab container you want to control dynamically.
  2. Configure the widget by either:
    1. choosing a microflow;
      1. be aware that the output of the widget needs to be an integer/long;
    2. selecting the tab pane index attribute of the enclosing DataView entity;
    3. adding the same CSS class to both the widget and the tabCONTAINER on your page.

Known bugs [optional]

 

Frequently Asked Questions [optional]

  • Q:
  • A:

Releases

Version: 1.4.2
Framework Version: 8.11.1
Release Notes: Updated license for free usage within Mendix platform
Version: 1.4.0
Framework Version: 8.11.1
Release Notes: Bugfix for reloading page not maintaining keeping attribute updated when 'Keep Tab Attribute Updated' is selected. Thanks to Austin McNicholas for sharing via GitHub.
Version: 1.3.0
Framework Version: 7.21.0
Release Notes: added extra check for ill-configuration of widget. A check is now implemented whether the first item on the page, having the TabSwitcher CSS class, is the actual Tab Container.
Version: 1.2.0
Framework Version: 7.21.0
Release Notes: - Refactor + add click listener to set attribute on tab click; - Improved widget XML, made CSS Class of Tab Container required.
Version: 1.1.1
Framework Version: 7.21.0
Release Notes: - Improved subscription handling; - Code refactor