Create A New Ionic Project ionic start blank CustomModal blank --type=angular Now create a new modal page as per your need ionic g page modal_page_name Open index.html and add this style tag in your header <style> ion-modal { margin-top: 50%; margin-bottom: 20%; margin-right: 10px; margin-left: 10px; border-radius: 10px; --background-color: rgba(255, 255, 255, 0.7); } </style> Open home.module.ts and Import Your Modal Page import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IonicModule } from '@ionic/angular'; import { FormsModule } from '@angular/forms'; import { RouterModule } from '@angular/router'; import { HomePage } from './home.page'; //here is my modal page component import { Det...