Posted: 24 Oct 2017 5:04 EDT Last activity: 11 Aug 2018 6:58 EDT
Responsive breakpoints for Controls, e.g. Radio Button?
I would like to know whether it is possible to have Responsive breakpoints for Controls, e.g. Radio Button?
For example, by default, the radio button choices are shown as horizontal list, but when the screen is <768px, the choices will be displayed as vertical list, or maybe 3 per row with the rest wrapping into the next row and so on.
I am using PRPC 7.2.2. As I understand, this cannot be achieved, but just wanted to confirm my understanding.
Thanks and regards,
***Updated by moderator: Lochan to add feedback request details***
For Pega responsive UI, in the application skin, we can define various breakpoints. For example, using the Dynamic Layout, the "Default" format can be transformed into a "Stacked" format when max-width=768.
However, if you open the control settings in the skin, such as a Radio button, you will noticed that you cannot define the Responsive breakpoints.
To elaborate further, within a section rule, if you drop a radio button, you could specify if you want it to be vertical or horizontal, as well as the number of items per row.
If would be great if I could configure the control such that initially, its items are horizontal. When a certain screen size is met, it will transform into a vertical list. The current behaviour is that if I were to put it as horizontal, the item text will overlap when the screen becomes smaller, rendering it unreadable.