Hi. I am using APEX 23.1.
I am developing a Progressive web app that would run mainly on mobile phones.
I have a Radio button in a static region. It's displayed as pill buttons. It shows icons on these buttons instead of text.
Here's the query of it's Lov…
select '<span class= ''fa '||
case id
when 1 then 'fa-lg fa-emoji-angry'
when 2 then 'fa-lg fa-emoji-frown'
when 3 then 'fa-lg fa-emoji-neutral'
when 4 then 'fa-lg fa-smile-o'
when 5 then 'fa-lg fa-emoji-big-eyes-smile' end ||'''></span>' rating_icon
, id from rating
order by id;
The query will always retrieve 5 rows. So, there will always be only 5 icons to display.
The expected result:
All icons are displayed on the same line.
The actual result:
Icons are displayed on the same line on desktops but on 3 lines on mobile phones - Tested only on Samsung Galaxy A22.
Knowing that, “Number of Columns” attribute = 5.
What causes this problem and how to solve it?
P.S. I tried small icons. Same result.