I added radioGroup in Outsystems.
To align the radioGroup horizontally, I added CSS as follows and it was applied normally.
However, radioGroup added this CSS to 'justify-content: space-between' as follows, but the CSS was not applied.
When I checked the RadioButtons in Chrome developer mode, I confirmed that they were once again bound to a div as shown below.
If I deleted this div in developer mode, I was able to confirm that the CSS was applied normally as shown below.
Is there a way to modify the html in Outsytems like the following or how I 'justify-content: space-between' the RadioGroup normally?
Thank you for reading this long article! (´°̥̥̥̥̥̥̥̥ω°̥̥̥̥̥̥̥̥｀)
Hi @Yeongeun Seo
Please try this CSS:
.radio-group.inline-flex > div {
display: flex;
width: 100%;
justify-content: space-between;
}
[data-radio-group].inline-flex [data-radio-button] {
width: auto;
Please remove any inline styles that you might have added to avoid conflict. Please let me know if this helped you.
Thanks to you, I solved it.
Thank you so much!!
have a good day...♥ ♥ ♥