Learn MENDIX with Real Code Examples
Updated Nov 26, 2025
Code Sample Descriptions
1
Simple Mendix Counter Example
# mendix/demo/CounterApp
1. Create an Entity 'Counter' with an attribute 'Value'.
2. Drag a Button widget onto the page.
3. Drag a Text widget to display 'Counter.Value'.
4. Configure Microflow: On Button Click -> Change 'Counter.Value' = 'Counter.Value + 1'.
5. Bind Text widget to show current 'Counter.Value'.
6. Preview the app to interact with the counter live.
A basic Mendix example that increments a counter when a button is clicked and updates a text widget in real time.
2
Simple Mendix Login Example
# mendix/demo/LoginApp
1. Create an Entity 'User' with attributes 'Username' and 'Password'.
2. Drag Input widgets for Username and Password.
3. Drag a Button widget 'Login'.
4. Configure Microflow: On Button Click -> Validate User credentials.
5. Show a message on success or failure.
6. Preview the app to test login functionality.
A Mendix example for creating a login page using built-in widgets and validations.
3
Simple Mendix To-Do List
# mendix/demo/ToDoApp
1. Create an Entity 'Task' with attribute 'Name'.
2. Drag a ListView widget to display Tasks.
3. Drag an Input widget to enter a new Task.
4. Drag a Button 'Add Task' -> Microflow to create new Task.
5. Add a Button in each ListView item 'Delete' -> Microflow to delete Task.
6. Preview the app to add and remove tasks live.
A Mendix app that allows users to add and remove tasks in a to-do list.
4
Simple Mendix Notes App
# mendix/demo/NotesApp
1. Create an Entity 'Note' with attribute 'Content'.
2. Drag a ListView widget to display Notes.
3. Drag Input widget to enter new Note.
4. Add Button 'Save' -> Microflow to create Note.
5. Add Edit option in ListView -> Microflow to update Note.
6. Preview the app to create and edit notes.
A Mendix app to create, edit, and display notes.
5
Simple Mendix Calculator
# mendix/demo/CalculatorApp
1. Create an Entity 'Calculation' with attributes 'Num1', 'Num2', 'Result'.
2. Drag Input widgets for Num1 and Num2.
3. Drag Buttons 'Add' and 'Subtract'.
4. Configure Microflows: 'Add' -> Result = Num1 + Num2, 'Subtract' -> Result = Num1 - Num2.
5. Bind Text widget to display 'Result'.
6. Preview the app to perform calculations live.
A Mendix app that performs addition and subtraction using Microflows.
6
Simple Mendix Survey App
# mendix/demo/SurveyApp
1. Create Entity 'Question' with attributes 'Text', 'AnswerOptions'.
2. Create Entity 'Response' with attribute 'SelectedAnswer'.
3. Drag ListView to display Questions.
4. Add Radio Buttons for answer selection.
5. Configure Button 'Submit' -> Microflow to save Response.
6. Preview app to submit survey responses.
A Mendix app to submit survey responses with multiple choice questions.
7
Simple Mendix Feedback Form
# mendix/demo/FeedbackApp
1. Create Entity 'Feedback' with attributes 'Name', 'Email', 'Message'.
2. Drag Input widgets for Name and Email.
3. Drag TextArea widget for Message.
4. Drag Button 'Submit' -> Microflow to create Feedback entry.
5. Show confirmation message.
6. Preview the app to collect feedback.
A Mendix app that collects user feedback via a form.
8
Simple Mendix Profile Page
# mendix/demo/ProfileApp
1. Create Entity 'UserProfile' with attributes 'FullName', 'Email', 'Bio'.
2. Drag Text widgets to display each attribute.
3. Add Edit button -> Microflow to allow updates.
4. Use Input widgets for editing.
5. Bind updated attributes back to Text widgets.
6. Preview the app to edit profile live.
A Mendix app that displays and updates user profile information.
9
Simple Mendix Event Tracker
# mendix/demo/EventApp
1. Create Entity 'Event' with attributes 'Title', 'Date', 'Location'.
2. Drag ListView to show Events.
3. Add Input widgets for new Event details.
4. Button 'Add Event' -> Microflow to create Event.
5. Add Delete option for each ListView item -> Microflow to delete Event.
6. Preview app to manage events live.
A Mendix app to create, view, and delete events.
10
Simple Mendix Chat App
# mendix/demo/ChatApp
1. Create Entity 'Message' with attributes 'Sender', 'Text', 'Timestamp'.
2. Drag ListView to display Messages.
3. Add Input widget to type new message.
4. Button 'Send' -> Microflow to create new Message.
5. Auto-refresh ListView to show new messages.
6. Preview the app to chat live.
A Mendix app that allows sending and viewing chat messages in real-time.