Installation Guide

Download the Asset

Go to OutSystems Forge and search for your asset (e.g., TagDropdownLimiter).

Click Download and open it in Service Studio.

Add to Your Application

Drag and drop the component into your Reactive Web App screen.

Ensure required dependencies (like Dropdown, Tag, or List widgets) are available.

Publish the Module

After placing the component, click 1-Click Publish to deploy it to your environment.

Configuration Instructions

Set Tag List

Bind the dropdown to a list of tags (e.g., countries, categories).

Use a local variable or aggregate to populate the list.

Customize Display Limit

By default, only 3 tags are shown. You can change this by modifying the logic in the widget or block.

Update the logic to show N tags and append "..." if more are selected.

Styling (Optional)

Use CSS classes to match your app’s theme.

Customize tag colors, font size, or ellipsis style.

General Usage Instructions

User Interaction:

Users select multiple tags from the dropdown. The UI shows only the first 3 selected tags and adds "..." if more are selected.

Documentation Guidelines

To follow Forge documentation best practices:

Include screenshots of the component in use.

Provide a sample app or demo screen.

Add version history and change logs.

Mention known limitations or browser compatibility notes.