Ionic 2 width

Question

The template:

<ion-item>
    <ion-label stacked>Select long text</ion-label>
    <ion-select>
        <ion-option value="opt1">Very very long text</ion-option>
    </ion-select>
</ion-item>

This gets cut off since the default width for appears to be quite narrow.

How do I change the width?

Possible duplicate of [How to set ion-select component with 100% width in IONIC 2](http://stackoverflow.com/questions/38622159/how-to-set-ion-select-component-with-100-width-in-ionic-2) — Thomas, Mar 21 '17 at 14:37

score 2 · Accepted Answer · answered Jan 20 '17 at 09:56

2

Use this in you .sass file:

.alert-wrapper {
   min-width: 40px;//what ever you like
}

.alert-radio-label {
   white-space: normal!important;
}

answered Jan 20 '17 at 09:56

amin arghavani

1,883
14
21

If you only want to apply it for 1 specific select? – deanwilliammills Jan 07 '20 at 08:31

score 1 · Answer 2 · answered Jan 02 '18 at 12:27

1

Add this code in your sass file

ion-select{
    max-width: 70% !important;// your choice :)
}

answered Jan 02 '18 at 12:27

Kishan Oza

1,707
1
16
38

Ionic 2 width

2 Answers2