Idea Summary
Oracle APEX Popup LOV should support displaying formatted values that include a Font Awesome country flag icon (such as fa-in) along with the phone dial code and country name. Currently, Popup LOV does not allow icon-based display inside the LOV results or returned display value because all HTML is escaped. Adding support for icon templates or icon classes would allow developers to show flag icons next to dial codes, making the selection clearer and more intuitive.
Use Case
- Selecting a phone dial code where the user can see the country’s Font Awesome flag icon next to the code.
- CRM, HR, logistics, freight forwarding, shipping, and multi-country applications that capture customer or contact phone numbers.
- Users can identify the correct dial code faster by visually recognizing the flag icon.
- Avoids confusion with similar dial codes across different countries.
- Improves overall usability by matching modern UI standards where icons are commonly used.
Preferred Solution (Optional)
Provide a declarative option in Popup LOV to “Allow Icon/HTML Formatting” that lets developers render flag icons (emoji flags or icon fonts such as Flag Icons CSS) along with dial codes and country names. Enable template formatting so display text can be something like:
🇮🇳 +91 – India or <span class="fi fi-in"></span> +91 without being escaped. This should work in both the search list and the displayed return value, without custom JavaScript workarounds.
