Han Arantes Han Arantes - 1 year ago 122
CSS Question

How to display big texts inside ionic radio button?

I have an application in which I need to have some ionic radio, the problem is that when the text is too long , it does not appear completely!

enter image description here

I try to put the follow attributes:

style="overflow: initial; white-space: initial;"

but it doesn't work :/

So my question is, what changes i need to do in order to display the full text inside the ion radio?

Answer Source

Fast solution: Just add class="item-text-wrap"

Another solution: The correct answer that solved my problem was add the follow css:

 .wrapping-list .item-content, .wrapping-list .item {
    overflow: initial;
    white-space: initial;

and give the class="wrapping-list" to every ion-radio!

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download