[SOLVED] Label in button truncated

Ionic Framework ionic-v3
1

Hi everyone,

how can i truncate my string (button) to new line?

i’ve a button like this

_________________
|               |
|longstringlongs|
|_______________|

and i want like this

_________________
|  longstringlo |
|  ngstringlong |
|  stringlongst |
_________________

i need to text-wrap my entire button name.
how can i do it?

<ion-col *ngFor="let b of buttons" size="3">
        <div class="ion-padding">
          <ion-button size="large" (click)="remove(b)">
            <ion-label style="font-size: 18pt" class="ion-text-wrap">{{b}}</ion-label>
          </ion-button>
        </div>
      </ion-col>
2

Nevermind…
found this CSS Style

.lbl{
      word-break: break-all;
      white-space: normal;
}
1 Like