Overview

This widget enables developers to run custom HTML and JavaScript directly inside Mendix applications. It is designed for flexibility and supports multiple usage scenarios including JavaScript-only execution, HTML-only rendering, and combined HTML and JavaScript usage.

The main purpose of this component is to simplify frontend prototyping and allow developers to quickly test and implement dynamic UI behavior without creating complex custom widgets.

Use cases include:

- Displaying dynamic messages and popups

- Running custom JavaScript logic inside Mendix pages

- Rapid UI prototyping and testing

- Creating interactive elements without full widget development

- Injecting custom HTML content when needed

This widget is lightweight and easy to use, making it ideal for developers who need fast frontend customization inside Mendix applications without relying on advanced widget development tools.

Documentation

This widget allows developers to run custom HTML and JavaScript inside Mendix applications. It provides flexibility for creating dynamic UI behavior without requiring advanced widget development.

Typical Usage Scenario

This component is used when developers need to quickly test or implement frontend logic inside Mendix. It is useful for displaying dynamic messages, creating popups, handling simple UI interactions, or injecting custom HTML and JavaScript behavior without building a full custom widget. It is especially helpful for prototyping, testing UI ideas, and adding lightweight interactive features.

Features and Limitations

Features:

• Supports JavaScript execution inside Mendix pages
• Works with HTML + JavaScript together
• Works with JavaScript only
• Works with HTML only
• Lightweight and fast for UI testing
• Useful for popups, alerts, and dynamic content

Limitations:

• Not intended for complex enterprise logic
• Depends on DOM manipulation (not fully React-based)
• Should be used for lightweight UI customization only

Dependencies

This widget does not require any external dependencies. It runs using standard JavaScript supported in Mendix applications.

Installation

1. Import the MPK file into your Mendix project
2. Drag the widget into a page
3. Configure HTML or JavaScript input fields
4. Run the application

Configuration

• Add HTML code if needed (optional)
• Add JavaScript code to control behavior
• Use DOM manipulation to display content

Known Bugs

• Widget behavior depends on correct DOM rendering timing
• Some selectors may vary depending on page structure

Frequently Asked Questions

Q: Do I need HTML to use this widget?

A: No, the widget works with JavaScript only.

Q: Can I use only HTML?

A: Yes, HTML can render without JavaScript.

Q: Is this widget suitable for production apps?

A: It is best suited for lightweight UI features and prototyping.