Hi @Lukasz Kapron 

I don't think using outsystems default dropdown search component you can achieve this. you need to create custom drop down for this.

Thanks

Hi Lukasz,

There this component in forge that might help you. This uses the widget DropdownServerSide, if you don't want to use that widget you can at least see how to implement that logic into your custom DropdownSearch widget.

Hi @Lukasz Kapron, I would suggest you to use DropdownServerSide, it has customization possibility, in the "BalloonContent" placeholder, in the if condition when the list is empty instead of showing "No options to show..." text, you can add button to add the typed value. This will be faster then building a custom dropdown.

Thanks
Gitansh Anand

Hi,

 you can implement this simple pattern like track the user input using the OnChange event of the DropdownSearch or a separate Input field.

If the entered value is not found in your existing list, show a conditional UI block a button or message like Add X as new item?

On click of that button, trigger an action to create the new value in your entity update the source list and set the newly created value as the selected one.

Refresh the DropdownSearch options.

Thanks,

Sriyamini J

Hi @Lukasz Kapron, 

You can achieve this using the "Dropdown + Input" hybrid approach which would be a in customized way. Since you want the user to type and then press enter to save if the record isn't found, you can use a combination of a Search Input and a List.

You can follow below approach:

• For Search Input: Use a standard Input widget with a variable (e.g., SearchText).
• For the List: Below the input, show a filtered list of professions based on SearchText.
• The "Add New" Logic: Use the On Change or On Render event of the input.
• If the list length is 0 (no record found), show a "Press Enter to add a [SearchText] message or button.
• On the Input's KeyDown event (check for "Enter"), you can call a client action that checks if the record exists. If not, call a server action to CreateProffesion and then refresh your data.

Hope this helps.

Hello @Łukasz Kaproń 

Dropdown Search/Tags already allow you to have that functionality:

For that, you need to use the extensibility client action

SetVirtualSelectConfigs,that should be called in the Initialized event handler from the Dropdown Search/Tags, and where the property allowNewOption should be set to True, like this:

Then, in the InChanged event handler, we need to use JSONSerialize

This way, we can get the values in JSON and work with them for new options:

Hope it helps!

Cheers,
GM