Додзё / Dijit Accordion - Добавить Развернуть и Свернуть Стрелки

Question

Попытка выяснить, как добавить изображения стрелки раскрытия / свертывания в Accordion dijit.layout.AccordionContainer в Dojo, как это делает dijitTitlePane / dojox.widget.TitleGroup.

Answer 1

Сделал небольшое исследование, чтобы выяснить, откуда на TitlePane были получены изображения стрелок, и обнаружил, что это было спрайтовое изображение. Я создал дополнительный код, который использует то же самое изображение спрайта, чтобы добавить стрелки раскрытия и свертывания в AccordionPane. Нужно добавить немного дополнительного CSS к теме, чтобы сделать эту работу:

Добавьте следующую строку рядом с строкой 2625 в /themes/THEME_NAME/THEME_NAME.css:

.THEME_NAME  .dijitAccordionArrow {
    background:url("images/spriteArrows.png") no-repeat -14px top;
    width:7px;
    height:8px;
    margin-top:-1px;
}

.THEME_NAME  .dijitAccordionTitleSelected .dijitAccordionArrow {
    background:url("images/spriteArrows.png") no-repeat;
    margin-top:-1px;
}

Замените THEME_NAME на любое название вашей основной темы (например, claro) или название вашей пользовательской темы.