Hi!

I'm having problems switching the default checkbox group vertical list to a horizontal list type. Can someone kindly help me with this?

Please use the photographs as a reference.

From:
 
To:


Thanks in advance.

Hi Chakradhar,

It does not appear that IBM provides an "out of the box" configuration for what you're looking for. However, this is achievable using the CSS property "display: flex;" on the parent of the checkbox div's. The nice thing about this solution is that flex formatting is confined to the parent/child elements so you don't need to worry about it affecting other parts of the coach if you address the container div properly. You'll notice in the screenshot below that the flex display does not apply to the label the way you had it in your example, but I believe all you'll need to do is display flex on the container above the label as well.

Hi!

I'm having problems switching the default checkbox group vertical list to a horizontal list type. Can someone kindly help me with this?

Please use the photographs as a reference.

From:
 
To:


Thanks in advance.