@Radwan

If the solution provided in the article you mentioned is not working for a pop-up section, there may be a different approach needed to implement autocomplete control validation in this scenario.

One possible solution could be to use a custom JavaScript function to validate the autocomplete control. You can create a new function that checks if the value entered in the autocomplete control is valid, and then call this function on the "On Change" or "On Blur" event of the control.

Here is an example JavaScript function that checks if the value entered in an autocomplete control is valid:

function validateAutocomplete() {   var autocompleteInput = document.getElementById("PegaRULES:AutoCompleteInput");   var autocompleteValue = autocompleteInput.value;      // Perform validation logic here   // If the value is valid, return true, otherwise return false      return true; }  

In this example, the function first gets the input element for the autocomplete control and then gets its current value. You can then perform your validation logic and return true if the value is valid, or false if it is not.

Next, you can call this function on the "On Change" or "On Blur" event of the autocomplete control by adding the following code to the control's properties:

onchange="return validateAutocomplete();"

This will call the validateAutocomplete function every time the value of the autocomplete control changes, and will prevent the user from submitting the form if the value is invalid.

Note that this is just one example of how to implement autocomplete control validation in a pop-up section, and the specific implementation may vary depending on your use case and requirements.