Learn OUTSYSTEMS with Real Code Examples

# outsystems/demo/CounterApp
1. Create an Entity named 'Counter' with attribute 'Value'.
2. Drag a Button widget onto the screen.
3. Drag a Text widget to show 'Counter.Value'.
4. On Button Click → Assign: Counter.Value = Counter.Value + 1.
5. Bind Text widget to Counter.Value.
6. Publish and run.

A basic OutSystems example that increments a counter when a button is clicked.

# outsystems/demo/LoginScreen
1. Add Username and Password input widgets.
2. Add a Login button.
3. Create Action: On Click → If Username != "" AND Password != "" → Navigate to Home.
4. Else → Show Feedback Message.
5. Test with invalid and valid data.

A simple login workflow with input validation and feedback messages.

# outsystems/demo/ListRecords
1. Create an Entity: Products(Name, Price).
2. Drag List widget to screen.
3. Add Aggregate → Source: Products.
4. Bind List to Aggregate output.
5. Publish and view data.

Uses an Aggregate to fetch and display database records on a List widget.

# outsystems/demo/CreateForm
1. Add Form widget bound to Product entity.
2. Add inputs for Name and Price.
3. Add Save button.
4. On Save: Create Product → Commit.
5. Navigate back to list screen.

Form screen that saves user-entered data into an entity.

# outsystems/demo/UpdateRecord
1. Create Edit Screen based on Product entity.
2. Retrieve Product by Id.
3. Bind Form to retrieved record.
4. On Save → Update Product.
5. Commit and navigate back.

Edit screen allowing users to update stored records.

# outsystems/demo/DeleteRecord
1. Add Delete button in List Item.
2. On Click → Show Confirmation.
3. If Confirmed → Delete Entity Record.
4. Refresh List.
5. Publish and test.

Implements a delete button with confirmation pop-up.

# outsystems/demo/ConsumeREST
1. Add REST API by URL.
2. Create a screen with List widget.
3. Call REST method on screen load.
4. Bind API response to List widget.
5. Publish and test API integration.

Consumes an external REST API and displays the response in a list.

# outsystems/demo/OfflineStorage
1. Create Local Storage Entity: Notes(Text).
2. Add Form to capture note text.
3. Save note into Local Storage.
4. Display stored notes in List widget.
5. Test offline behavior.

Uses local storage entity to store offline data on mobile.

# outsystems/demo/PushNotification
1. Enable Push Notifications in App Settings.
2. Create Server Action: SendPushNotification.
3. Use Built-in Push API to send message.
4. Trigger Action on Button Click.
5. Test on mobile device.

Sends push notifications to mobile devices using server actions.

# outsystems/demo/BarcodeScanner
1. Install Barcode Plugin.
2. Add Button: 'Scan Code'.
3. On Click → Call ScanBarcode Action.
4. Display scanned text in Text widget.
5. Handle errors with Feedback Message.

Uses OutSystems native plugin to scan barcodes and display results.