14
Views
4
Comments
OutSystems UI radio button appears squished with long label
Application Type
Reactive
Service Studio Version
11.9.0 (Build 33414)
Platform Version
11.8.2 (Build 15398)

Hi,

I've found in a Reactive app, the radio button becomes squished when it has long label text that wraps. Is this a bug?

For now, I am adding the following CSS:

 .radio-button { min-width: 24px; } 

SquishedRadioButton.oml

Rank: #295

Hi Emma,

Paste the following CSS in your screen where you have these radio buttons.

[data-radio-group] label {
    cursor: pointer;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 30px;
}

.radio-button {
    position: absolute;
}

Hope this helps, Thanks :)

Hello Emma,


You are correct, this is existing issue with Radio button and there is no in-built property to fix this. I have always used CSS to fix this issue. 


Thanks,

Sanjay

Rank: #1144

I have created a ticket for this. The OutSystems support team said it will be fixed in a future version of OutSystems UI.