Как да редактирате програмно стил (цвят на шрифта) на dojo.TitlePane

Имам TitlePane, на който искам да променя цвета на шрифта. Просто не мога. Трябва да направя това програмно.

Досега имам нещо подобно:

var newPane = new TitlePane({title: paneName});

Пробвал съм и това:

var newPane = new TitlePane({title: paneName, id: paneName, style:{color:'red'}});

Това задава съдържанието на панела в червено и никъде не се добавя идентификатор :(

Според тази информация за API мога да задам само три свойства (заглавие, съдържание и отваряне). Как мога да добавя идентификатор и стил (цвят) към TitlePane! моля


dojo
person allegjdm93    schedule 26.09.2012    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Стилизирайте го чрез Cascading Style Sheets. Вижте как работи в jsFiddle: http://jsfiddle.net/phusick/63dHY/

За да промените цвета на TitlePane текста на заглавието от id

var titlePane1 = new TitlePane({
    id: "titlePane1",
    title: "some red title",
    content: "Collapse me!"            
}, "titlePane1");

използвайте следния стил:

#titlePane1 .dijitTitlePaneTextNode {
    color: red;
}

Or by class

var titlePane2 = new TitlePane({
    title: "some blue title",
    content: "Collapse me!"
}, "titlePane2");

domClass.add(titlePane2.domNode, "blue");   // as of 'dojo/dom-class' module

използвайте следния стил:

.blue .dijitTitlePaneTextNode {
    color: blue !important;
}

или го променете директно чрез JavaScript (което не препоръчвам):

titlePane2.titleNode.style.color = "green";
person phusick    schedule 27.09.2012