Как я могу центрировать пустой текст по центру экрана в списке в Sencha Touch?

Question

Недавно я обнаружил значение конфигурации emptyText для списков в Sencha Touch, которое отображается, когда хранилище пусто.У меня проблема в том, что этот текст появляется в верхнем левом углу, и я не могу найти способ разместить его в середине экрана.

Answer 1

Свойство emptyText принимает HTML. Пример:

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


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

Для вертикального центрирования вам необходимо использовать блочную модель CSS3

Пример 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;