Wie modale Höhe einstellen?

Ich habe ein Problem beim Öffnen der modalen Seite mit einem Gerät. Das Problem ist, dass es die Seite füllt und nicht auftaucht. Was könnte das Problem sein? Das Modal erscheint im Webbrowser, aber es öffnet sich auf dem Gerät, aber es füllt die Seite. Wie kann ich diesen Aspekt lösen? Mit freundlichen GrüßenWie modale Höhe einstellen?

import {Component} from '@angular/core'; 
import {Network, Toast} from "ionic-native"; 
import {ModalPagePage} from '../modal-page/modal-page'; 
import {NavController, Platform,ModalController} from 'ionic-angular'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 

    public people: Array<Object>; 
    onDevice: boolean; 


    constructor(public navCtrl: NavController, public modalCtrl: ModalController) { 


    this.platform.ready().then(() => { 

     this.onDevice = this.platform.is('cordova'); 



    }); 

    } 




    presentProfileModal() { 
    let profileModal = this.modalCtrl.create(ModalPagePage); 

    profileModal.present(); 
    } 




}

Quelle

2017-02-13 James Java Card

Die modale Darstellung wird in CSS festgelegt, daher müssen Sie relevantes HTML und CSS einfügen, wenn Sie uns helfen möchten. – codeepic

Ich denke, Ionic hat das absichtlich gemacht, weil es gut ist, wenn das Modal den ganzen Bildschirm auf kleineren Geräten hat. –

@codeepic modal-page.scss ist: Seiten-Modal-Seite { Breite: 50%; Höhe: 50%; }} Modal-seite.html ist: Meine benutzerdefinierte modal Schließen –

.modal-wrapper { 
    position: absolute !important; 
    width: 93vw !important; 
    height: 260px !important; 
    top: 0 !important; 
    bottom: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    margin: auto !important; 
} 

.modal .backdrop { 
    display: block !important; 
}

Over Fahrt modal der Standard-CSS in variable.scss.

Quelle

2017-02-13 09:34:47 Naveen

Wie modale Höhe einstellen?

Antwort

Verwandte Themen