dijit.TitlePane을 드롭 다운 버튼으로 변환

저는 자바 스크립트 API를 사용하여 빌드하는 앱을 가지고 있으며 정보를 표시하기 위해 열리는 헤더 (headmap gallery, legend, layers)에 3 개의 타이틀 팬을 만들었습니다. 그것은 내가 원하는 방식으로 정확하게 작동합니다. 이제는 각 창에 고유 한 이미지를 제공하여 "보기 좋게"만들고 싶습니다. 이미지를 클릭하면 동일한 방법으로 창을 엽니 다.dijit.TitlePane을 드롭 다운 버튼으로 변환

그러나 나는 CSS를 오버라이드하려고했지만 모든 타이틀 팬에 동일한 이미지를 제공합니다. titlepane을 togglebutton으로 변환해야하는 것처럼 보입니다. html 변경 이상의 추가 코드를 추가해야 할 것 같은 표본 중 일부를 읽는 것이 좋습니다. 이 편집에 대해 가장 좋은 방법이 있습니까?

다음은 titlepane을 만드는 html의 예입니다. "basemapGallery"div는 내가 이미지를 제어 할 수있는 드롭 다운 또는 다른 유형의 버튼을 만들고 싶은 창 내부의 정보입니다.

<div dojoType="dijit.TitlePane" title="Switch Basemap" closable="false" open="false" style="float:right; margin-right:10px;"> 
       <div dojoType="dijit.layout.ContentPane" style="width:275px; height:560px; overflow:auto;"> 
     <div id="basemapGallery"></div> 
       </div> 
    </div>

헤더는 당신이 이미지를 클릭 이미지, 싶습니다 회색 사각형 상자를 가지고 있으며 버튼 안에있는 컨텐츠를 엽니 다. http://localgovtemplates2.esri.com/ParkFinder/default.htm

출처

2012-09-17 Craig

GIS.stackexchange에서 내 대답을 확인 했습니까? – mistapink

내가 fx.toggler를 참조 오래된 게시물을 통해 도움을 찾는 감아 : 버튼이 비슷한 모양과에서 헤더 사람들에게 느끼는

편집 최종 목표입니다. 매력처럼 일했습니다. 이제는 원하는 방식으로 스타일을 지정하는 것이 기본 기능입니다.

출처

2012-09-20 12:23:12 Craig

dijit.TitlePane을 드롭 다운 버튼으로 변환

답변

관련 문제