Makes nothing at the client but allows noting at the studio!
- Add notes and annotations directly within the Mendix Studio Pro page editor.
- Renders absolutely nothing on the client-side, ensuring zero performance impact and zero DOM footprint.
- Customize your notes with a Title and multi-line Content.
- Select a visual Style (Info, Success, Warning, Danger) for easy identification.
- Toggle the note to act as a Container (drop-zone) to group other widgets.
- The container's "Content" property is dynamically hidden in the properties panel when not in use.
⚠️ Important Security Warning: While this widget renders nothing on the client, the text you enter in thenoteTitleandnoteContentproperties is still included in your application's JavaScript bundle. This means a technical user with access to browser developer tools could potentially find and read this text.NEVER enter sensitive information, passwords, API keys, or any confidential data into this widget.
- Download the widget from the Mendix Marketplace into your project.
- Open a page in Mendix Studio Pro.
- Drag the "Notehing" widget from the toolbox onto your page.
- In the "Properties" panel, configure the
Title,Content, andStyle. - (Optional) Check "Act as a container" to place other widgets inside it.
- If enabled, drag your other widgets into the "Content" drop-zone that appears.
- Run your application. Your notes will only be visible in Studio Pro, not to the end-user.
Please report any issues, suggestions, or feature requests on the project's GitHub Issues page.
- Install NPM package dependencies by using:
npm install. If you use NPM v7.x.x, which can be checked by executingnpm -v, execute:npm install --legacy-peer-deps. - Run
npm startto watch for code changes. On every change:
-
the widget will be bundled;
-
the bundle will be included in a
distfolder in the root directory of the project; -
the bundle will be included in the
deploymentandwidgetsfolder of the Mendix test project.
To contribute, please open a pull request or create an issue to discuss your idea.