Добавление кастомных css стилей

Добрый день, коллеги!
Вопрос по продукту 7.7 Bpm online Servise, портал.
Возникла необходимость добавить кастомные сss стили на отнаследованную страницу портала PortalMainPageBuilder.js
Изначально попробовал добавить их во вкладку LESS :

.ts-messagebox-box {
        height: 550px;
        width: 1200px;
}
.ts-messagebox-caption{
        height: 100%;
        width: 100%;
        overflow-y: scroll;
}

на саму станицу был добавлен вывод infoMessege, стили нужны для его изменения:

showInfoMessage: function() {
        var text = "Some text";
        Terrasoft.utils.showMessage({
                caption: text,
                buttons: [{
                        className: "Terrasoft.Button",
                        returnCode: "yes",
                        style: "blue",
                        caption: "ACCEPT",
                        markerValue: "ACCEPT"
                }, {
                        className: "Terrasoft.Button",
                        returnCode: "no",
                        style: Terrasoft.controls.ButtonEnums.style.GREY,
                        caption: "I DO NOT ACCEPT",
                        markerValue: "I DO NOT ACCEPT"
                }],
                defaultButton: 0,
                style: Terrasoft.MessageBoxStyles.BLUE,
                handler: function(buttonCode) {
                        if (buttonCode === "no") {
                                //some action
                        }
                }
        });
}

но стили не подействовали, подскажите пожуйста, куда нужно добавить стили?

Нравится

4 комментария

Влад, для изменения или дополнения стилей отображения в клиентской схеме Вам необходимо создать собственный модуль, затем на вкладке LESS созданного модуля добавить css стили, в которых прописать необходимые изменения. После этого добавить данный модуль в зависимости схемы к которой будут применяться данные css стили с добавлением в начале имени 'css!'.

Есть пример для модуля ComandlineModule:

Создаем модуль ComandlineModuleCss.

На вкладке LESS прописываем стили:

#CommunicationPanelEmailSchemaEmailSearchTextEdit-el{
	background-color: red;
                color: black;
                font-size: 25px;
}

Добавляем его имя в зависимости замещающего модуля CommandLineModule:

define("CommandLineModule", ["CommandLineModuleResources", "StorageUtilities", "ProcessModuleUtilities",
	"performancecountermanager", "TooltipUtilities", "ViewGeneratorV2", "css!ComandlineModuleCss"],
	function(resources, storageUtilities, ProcessModuleUtilities, performanceCounterManager) {

сделал все по Вашему примеру, к сожалению стили не применились. и в консоли на вкладке sources новый модуль (собственный с Less) не загрузился.
Добавляемые селекторы и стили должно быть правильные, потому что если добавить их на прямую в файлик
Terrasoft.WebApp\Resources\ui\Terrasoft\controls\messagebox\messagebox.css
все работает.

Попробуйте по примеру ActivitySectionCSS, все же и на первой вкладке вашего ComandlineModuleCss написать:

define("ComandlineModuleCss", [],
function() {
return {
};
});

Большое спасибо! Этот вариант заработал.

Показать все комментарии