Аккордеон Dojo/Dijit - Добавить развернуть и свернуть стрелки

Question

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

Answer 1

Проведена небольшая работа, чтобы узнать, откуда у элемента TitlePane получаются изображения стрелок, и нашел ли это изображение спрайта. Я создал дополнительный код, который использует то же самое изображение спрайта, чтобы добавить стрелки expand и collapse в 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 с независимо от название вашей темы запаса (например, кларо) или название вашей пользовательской темы.