Dojo/Dijit Accordion - Add Expand and Collapse Arrows

Question

dijitTitlePane/dojox.widget.TitleGroupと同じように、DojoのAccordion dijit.layout.AccordionContainerに展開/折りたたみの矢印イメージを追加する方法を理解しようとしています。

Answer 1

TitlePaneが矢印画像を取得していた場所を調べて、それがスプライト画像であることを発見しました。同じスプライトイメージを使用して、AccordionPaneに拡大矢印と縮小矢印を追加するコードをいくつか作成しました。この作業を行うために、テーマにいくつかの余分なCSSを追加する必要があります。

は/themes/THEME_NAME/THEME_NAME.cssに、次のニアライン2625を追加します。

.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）またはあなたのカスタムテーマの名前。