Изменить тему или стиль дижита - PullRequest
Новая
       9

Изменить тему или стиль дижита

1 голос
/ 14 февраля 2012

JSP1 : имеет виджет Dojo. Для тега body используется тема стиля "claro".

JSP2 : есть виджет dojo - диалоговое окно. Определения стилей применяются непосредственно к виджету. (Функционально это JSP нижний колонтитул). 

<div dojoType="dijit.Dialog" id="privacyDialog" style="background-color:#FFFFDF; border-style:solid; border-width:1px; border-color:#000; height:203px; width:350px; z-index:9999; display:none;">

JSP1 включает в себя JSP2

Проблема : во время выполнения стили, определенные в диалоговом окне в JSP2, переопределяются, и появляется диалоговое окно со стилями, которые определены в claro.css (строка заголовка с синий цвет, значок закрытия и т. д.).

Обязательно : диалоговое окно должно отображаться так, как оно было определено в виджете в JSP2.

Я попытался переопределить тему после прочтения http://dojotoolkit.org/reference-guide/dijit/themes.html#id24, но она по-прежнему частично отображает тему (значок закрытия, строка заголовка), указанную в claro.css

В моем случае: класс указан как "form1", а код, добавленный в claro.css enter image description here

1 Ответ

2 голосов
/ 14 февраля 2012

Ваша стратегия верна: создайте стиль, который является более конкретным селектором CSS, чтобы он переопределял значение по умолчанию.

Должно быть, ваш селектор (.form1 .dijitDialog) не применяется к элементу,Посмотрите на элемент в инспекторе Firebug - ваш стиль найден, но переопределен (в инспекторе стиля Firebug есть ли у него зачеркнутый)?Может быть какой-то стиль в кларо, который более специфичен.

Или ваш стиль вообще не применяется к элементу?

Кроме того, я призываю вас не помещать ваши стили вфайл claro.css, но в вашем собственном файле .css.Это сделает обновление dojo менее кошмарным.

Обновление Я вижу, что:

Во время выполнения стили, определенные в диалоговом окне в JSP2, переопределяются, иПоявится диалоговое окно со стилями, которые определены в claro.css (строка заголовка с синим цветом, значок закрытия и т. д.).

Таким образом, это означает, что ваши стили найдены и применяются.Стиль темы додзё более специфичен.Какой селектор переопределяет ваш?

Не видя этого, я мог бы рекомендовать добавить класс к вашему тегу body, например, <body class='claro myCompany'..., а затем добавить его к вашему селектору:

.myCompany .form1 .dijitDialog

...