Ion-list style - remove lines

Ionic Framework ionic-v3
1

Hi All,

I am using Ionic 2.

I have an ion-list, and I would like to change the style so that it does not have the line separators for each item. Does anyone know how I can do so please?

Thanks

<ion-content>
    <ion-list class="chat">
        <ion-item *ngFor="let messageModel of messages">
            {{formatPage(messageModel)}}
            <div *ngIf="me" id="speech-bubble" class="bubble me">{{messageModel.message}}&nbsp;<div id="meesage-date" class="meesage-date">{{displayTime(messageModel.date)}}</div></div>
            <div *ngIf="you" id="speech-bubble" class="bubble you">{{messageModel.message}}&nbsp;<div id="meesage-date" class="meesage-date">{{displayTime(messageModel.date)}}</div></div>
        </ion-item>
    </ion-list>
</ion-content>
2

Please add no-lines to ion-list
<ion-list no-lines>

4 Likes
3

How to do this on a global scale ?