accordion - Dojo/Dijitアコーディオン-展開矢印と折りたたみ矢印を追加

Question

dijitTitlePane / dojox.widget.TitleGroupと同じように、Dojoのアコーディオン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）またはカスタムテーマの名前に置き換えます。