Wie kann ich leeren Text in der Mitte des Bildschirms in einer Liste in Sencha Touch zentrieren?

Question

Ich habe vor kurzem den Konfigurationswert emptyText für Listen in Sencha Touch entdeckt, der angezeigt wird, wenn das Geschäft leer ist. Das Problem, das ich habe, ist, dass dieser Text in der linken oberen Ecke erscheint und ich kann nicht scheinen, um einen Weg, um es in der Mitte des Bildschirms zu platzieren finden.

Answer 1

Die Eigenschaft emptyText akzeptiert HTML. Beispiel:

CSS: 
.emptyText {
    text-align:center;
    color: #999;
}

JS:
emptyText: '<div class="emptyText">No members yet</div>'

Für die vertikale Zentrierung müssen Sie das CSS3 Flexible box model verwenden

Beispiel CSS:

//vertical and horizontal centering based on fixed height
    height:200px;  
    display:-webkit-box;
    -webkit-box-orient: horizontal;        
    -webkit-box-align:center;
    -webkit-box-pack:center;