Breaking News: Grepper is joining You.com. Read the official announcement!

angularjs Ionic styling container

SAMER SAEID answered on May 11, 2022 Popularity 2/10 Helpfulness 1/10

answer angularjs Ionic styling container

angularjs Ionic styling container

Comment

<ion-grid>
    <ion-row class="ion-align-items-center ion-justify-content-center">
        <ion-col size="3">
             <ion-card  class="card-class">
                <img  src="../assets/playIcons/player1.svg"/>
                <ion-card-header>
                <ion-card-title>{{this.player1["name"]}}</ion-card-title>
                <ion-card-title>Score: {{this.player1["score"]}}</ion-card-title>
           </ion-card-header>
         </ion-card>
       </ion-col>
       <ion-col size="6">
           <ion-grid>
               <ion-row class="ion-text-center">
                   <ion-col size="0.9" *ngFor="let c of images; let i = index">
                       <img src="../assets/cards/cardBackground/cardBackground.png" *ngIf="!c.isFlipped" (click)="selectCard(c)"/>
                       <img [src]="imageDir + c.name +  '.png'" *ngIf="c.isFlipped && !c.isMatched"  (click)="selectCard(c)"/>
                   </ion-col>
               </ion-row>
           </ion-grid>
       </ion-col>
       <ion-col size="3">
           <ion-card class="card-class">
               <img src="../assets/playIcons/player2.svg"/>

               <ion-card-header>
                   <ion-card-title>{{this.player2["name"]}}</ion-card-title>
                   <ion-card-title>Score: {{this.player2["score"]}}</ion-card-title>
               </ion-card-header>
            </ion-card>
       </ion-col>
    </ion-row>
</ion-grid>

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs javascript

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

angularjs Ionic styling container

Contents

More Related Answers

angularjs Ionic styling container

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.