Extjs - компоновка окна пользовательских сообщений

Я хотел бы создать собственный макет окна сообщения для своего приложения.Extjs - компоновка окна пользовательских сообщений

enter image description here

Я хочу, чтобы заголовок, чтобы удерживать значок рядом с заголовком окна.

Я хочу, чтобы заголовок, чтобы иметь нижнюю границу (это может быть достигнуто с помощью CSS, я думаю)

Я хочу этот макет, чтобы быть на все мои окна сообщений.

Где я определяю расположение окна?

Я посмотрел на окна TPL, но не мог найти его ...

источник

2013-10-27 AMember

Посмотрите на http://docs.sencha.com/extjs/4.2.2/ #!/guide/theming и создать свою собственную тему. –

Это не тема, это изменение макета, которое требуется ... – AMember

Так в чем разница между макетом и темой? Кроме того: в ExtJs макет совсем не о том, что вы говорите о http://docs.sencha.com/extjs/4.2.2/#!/guide/layouts_and_containers. –

Чтобы показать значок в заголовке рядом с названием, вместо того, чтобы использовать конфигурацию icon, используйте iconCls configuration. В то время как конфигурация icon переопределяется в Ext.window.MessageBox, iconCls нет.

Нижняя граница и значок, вы определите их в своем собственном файле css. Я не уверен, что вы можете ограничить нижнюю границу только сообщениями и не иметь других окон.

Пример CSS может выглядеть следующим образом:

.x-window-header .x-box-inner { 
    border-bottom: 1px solid #333; 
} 
.msg-question { 
    background-image: url('questionmark-icon.png'); 
}

Ваше сообщение коробка будет как:

Ext.Msg.show({ 
    title:'Save Changes?', 
    msg: 'Would you like to save your changes?', 
    buttons: Ext.Msg.YESNOCANCEL, 
    iconCls: 'msg-question' 
});

источник

2013-10-27 21:34:40

Extjs - компоновка окна пользовательских сообщений

ответ

Смежные вопросы