Lists not displayed correctly on android

encountered this problem with my android device

here’s some of my codes

  <ion-card>
    <ion-card-header (click)="toggleGroup1(i)" [ngClass]="{active: isGroupShown1(i)}" padding class="header-color">
      News</ion-card-header>
        <ion-list *ngIf="isGroupShown1(i)">
          <button ion-item icon-left (click)="openWeb('http://www.fsktm.um.edu.my/')" class="contentcolor">
            <h3>News</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('http://www.fsktm.um.edu.my/')" class="contentcolor">
            <h3>Events</h3>
          </button>
        </ion-list>
    </ion-card>

    <ion-card>
    <ion-card-header (click)="toggleGroup4(i)" [ngClass]="{active: isGroupShown4(i)}"padding class="header-color">
      Student</ion-card-header>
        <ion-list *ngIf="isGroupShown4(i)">
          <button ion-item icon-left (click)="onLoad(studentPage)" class="contentcolor">
            <h3>Current Student</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('http://myum.um.edu.my/')" class="contentcolor">
            <h3>MyUM</h3>
          </button>
          <button ion-item icon-left (click)="openWeb('https://www.facebook.com/PEKOM.UM')" class="contentcolor">
            <h3>PEKOM</h3>
          </button>
        </ion-list>
    </ion-card>

What does your .contentcolor class look like?

Also, I went ahead and updated the category to “Ionic” rather than “Ionic v1” as it looks like you’re using Ionic 2+.

1 Like
.contentcolor{
      background-color: #d9c2d6;
  }