Стилизация CSS подсказок подсказок в dojo - PullRequest
Новая
       16

Стилизация CSS подсказок подсказок в dojo

0 голосов
/ 31 января 2009

Кто-нибудь знает имя CSS-классов, отвечающих за стилизацию подсказки dojo promptMessage s (или invalidMessage s), связанной с ValidationTextBox es.

Обычно Firebug отлично показывает всю внутреннюю работу CSS, но в этом случае подсказка всплывающей подсказки исчезает, когда я пытаюсь ее проверить!

Я собираюсь поиграть с такими свойствами CSS, как padding и width для всплывающей подсказки promptMessage.

Ответы [ 3 ]

3 голосов
/ 31 января 2009

Шаблон подсказки Dijit раскрывает структуру: 

<div class="dijitTooltip dijitTooltipLeft" id="dojoTooltip">
    <div class="dijitTooltipContainer dijitTooltipContents" dojoAttachPoint="containerNode" waiRole='alert'></div>
    <div class="dijitTooltipConnector"></div>
</div>
0 голосов
/ 30 апреля 2011

У меня была похожая проблема при попытке отладки, почему CSS для всплывающей подсказки на ValidationTextBox показывался в виде простого серого прямоугольника вместо использования правильного CSS. Обычный способ просмотра CSS и другой информации в Firebug не работает, потому что подсказка исчезнет при нажатии на нее. Однако я обнаружил, что с помощью стандартной панели инструментов веб-разработчика вы можете перейти к пункту меню CSS и выбрать «Просмотр информации о стиле» (или просто выполните команду cmd-shift-Y на клавиатуре). Это превратит курсор в перекрестие. Затем вы можете переместить перекрестие по всплывающей подсказке, и вся цепочка CSS отобразится для всплывающей подсказки. Это решило мою конкретную проблему стилей, предоставив подсказку, необходимую для применения соответствующего класса темы к тегу body. Система, против которой я кодирую, не позволяет мне напрямую изменять или добавлять тег body в сгенерированном html. Однако я использовал dojo, чтобы добавить класс после загрузки следующим образом: 

  dojo.query("body").addClass("claro");

и все (диалоги и всплывающие подсказки) теперь отлично работают.

0 голосов
/ 31 января 2009

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

dijit.form.ValidationTextBox({
   promptMessage = "<div class='customizedWidth'>Blabla</div>"
},myNode);

Тем не менее, я все равно хотел бы выучить класс dijit для этой конкретной подсказки. Это стало бы необходимым в случае желания изменить внешний вид всего этого класса ...

...