Добрый день,
Подскажите пожалуйста как сделать стили для модального окна по стандартному гриду как на любой другой странице,
У меня по нажатию кнопки вызывается модальное окно
var sandbox = this.sandbox;
var config = {
heightPixels: 550,
widthPixels: 950
};
var moduleName = "UsrMyModalModule";
var moduleId = sandbox.id + "_" + moduleName;
var renderTo = ModalBox.show(config, function() {
sandbox.unloadModule(moduleId, renderTo);
});
sandbox.loadModule(moduleName, {
id: moduleId,
renderTo: renderTo
});Само модальное окно было создано через "Схема модели представления карточки" ни от кого не наследовано.
на выходе получается так:
на странице окна добавлял обычным средством:
{
"operation": "insert",
"name": "HeaderContainer",
"propertyName": "items",
"values": {
"itemType": Terrasoft.ViewItemType.CONTAINER,
"items": []
}
},
{
"operation": "insert",
"parentName": "HeaderContainer",
"propertyName": "items",
"name": "Header",
"values": {
"itemType": Terrasoft.ViewItemType.GRID_LAYOUT,
"items": []
}
},
{
"operation": "insert",
"parentName": "Header",
"propertyName": "items",
"name": "TestText",
"values": {
"bindTo": "TestText",
"caption": "Test text",
"layout": {"column": 0, "row": 0, "colSpan": 10}
}
},
{
"operation": "insert",
"parentName": "Header",
"name": "CloseButton",
"propertyName": "items",
"values": {
"itemType": Terrasoft.ViewItemType.BUTTON,
"style": Terrasoft.controls.ButtonEnums.style.BLUE,
"click": {bindTo: "onCloseButtonClick"},
"markerValue": "CloseButton",
"caption": "OK",
"layout": { "column": 0, "row": 1, "colSpan": 3 }
}
}
Нравится
Открываете модуль UsrMyModalModule, в нём на вкладке Less прописываете стили для элементов.
В странице в define, в перечислении подгружаемых модулей добавляете "css!UsrMyModalModule"
Варфоломеев Данила,
Вручную придется стили добавлять, а можно как нибудь грид сетку из страниц редактирования взять?
Сериков Асхат Кайратович пишет:
а можно как нибудь грид сетку из страниц редактирования взять?
Так вы же её уже добавили)
{
"operation": "insert",
"parentName": "HeaderContainer",
"propertyName": "items",
"name": "Header",
"values": {
"itemType": Terrasoft.ViewItemType.GRID_LAYOUT,
"items": []
}
},
Варфоломеев Данила,
Добавить добавил, но как видите на картинке, сами поля скукожены, хотя width в процентном соотношении выставляется верно.
Проблема решается если унаследовать от Базовой схемы карточки, но тогда ругается на getCardInfo message, что нет такого сообщения
Сериков Асхат Кайратович пишет:
сами поля скукожены,
Тогда вам нужно прописать стили(собственно говоря, с чего вы и начали тему). Я обычно прописываю width/height модуля, потом width/height главного контейнера (в вашем случае HeaderContainer)
Варфоломеев Данила,
Жаль, я надеялся, что есть способ как то унаследовать именно разметку, Спасибо