Switch

1 Introduction

The Switch widget enables toggling a Boolean attribute.

1.1 Features

• Deactivate when attribute or context is read-only
• Execute a microflow when toggled
• Execute a nanoflow when toggled
• Add a label to the switch
• Display in either iOS style or android(material design)
• Display in various bootstrap styles

1.2 Demo App

For a demo app that has been deployed with this widget, see here.

2 Usage

To use this widget, place it in the context of an object that has a Boolean attribute.

3 Developing This Marketplace Component

To contribute to the development of this widget, follow these steps:

1. Install the following:
   • Git
   • npm
   • webpack-cli
   • grunt-cli
   • karma cli
2. Fork and clone the mendixlabs/boolean-slider repository. The code is in Typescript.
3. Set up the development environment by running npm install.
4. Create a folder named dist in the project root.
5. Create a Mendix test project in the dist folder and rename its root folder to dist/MxTestProject, or get the test project from mendixlabs/boolean-slider. Changes to the widget code will be automatically pushed to this test project.
6. To automatically compile, bundle, and push code changes to the running test project, run grunt.
7. To run the project unit tests with code coverage (results can be found at dist/testresults/coverage/index.html), run: npm test.
8. Run the unit test continuously during development via karma start.

We are actively maintaining this widget. Please report any issues or suggestions for improvement at mendixlabs/boolean-slider.

4 Read More

• CAB.02 - Switch