Latest page chat b

src/app/pages/familyconnectaction/familyconnectaction.page.html

@@ -10,5 +10,39 @@
 </ion-header>
 
 <ion-content>
+  <div class="boxed_contents">
 
+<!--    <div style="width: 100%; text-align: left;">-->
+<!--       Chat-->
+<!--    </div>-->
+    <ion-list style="border-radius: 10px; background-color: aliceblue; padding: 1px; margin-top: 10px">
+      <ion-list-header>
+        <ion-label>Chat</ion-label>
+      </ion-list-header>
+      <ion-item style="padding: 5px;">
+        <ion-textarea  style="width: 100%; border-radius: 10px; padding: 5px; background-color: white;" placeholder="Enter message"></ion-textarea>
+      </ion-item>
+<!--      <ion-item style="text-align: right; padding: 1px 1px 1px 0px; background-color: transparent;">-->
+
+<!--      </ion-item>-->
+    </ion-list>
+
+    <div style="width: 100%; text-align: right; background-color: transparent;">
+      <ion-button size="small" color="secondary" fill="solid" (click)="sendMessage()">Send</ion-button>
+    </div>
+<!--    <ion-card style="border-radius: 10px; background-color: aliceblue; padding: 1px;">-->
+<!--      <ion-card-header>-->
+<!--        <ion-card-subtitle>Chat</ion-card-subtitle>-->
+<!--      </ion-card-header>-->
+<!--      <ion-card-content style="margin: 1px;">-->
+<!--        <ion-textarea  style="width: 100%; border-radius: 10px; padding: 5px; background-color: whitesmoke;" placeholder="Enter message"></ion-textarea>-->
+<!--        <div style="text-align: right; padding: 1px 10px 1px 0px;">-->
+<!--          &lt;!&ndash;        <ion-button fill="clear">Action 1</ion-button>&ndash;&gt;-->
+<!--          <ion-button size="small" color="secondary" fill="solid">Send</ion-button>-->
+<!--        </div>-->
+<!--      </ion-card-content>-->
+<!--    </ion-card>-->
+
+
+  </div>
 </ion-content>

src/app/pages/familyconnectaction/familyconnectaction.page.ts

@@ -26,4 +26,7 @@ export class FamilyconnectactionPage implements OnInit {
   onBack() {
     this.navctr.back();
   }
+  sendMessage(){
+
+  }
 }