Dojox.layout.FloatingPane의 제목 표시 줄 배경색을 변경하는 방법

플로팅 창 제목 표시 줄과 기본 창 모양 (배경색)은 동일합니다. 제목 표시 줄의 배경색을 어떻게 다르게 할 수 있습니까?Dojox.layout.FloatingPane의 제목 표시 줄 배경색을 변경하는 방법

<div id="fltQury" class="roundedCorners" data-dojo-type="dojox.layout.FloatingPane" 
    title="A Floating Pane" dockable="false" closable="true" 
    style="width: 350px; height: 100px; top: 100px; left: 120px; " > 
<div>

감사합니다, GIDO

당신은 간단하게 할 CSS를 사용할 수 있습니다

출처

2014-07-17 Gido

, 그 예를 들면 다음과 같습니다

#fltQury .dojoxFloatingPaneTitle { 
    background-color: yellow; 
}

이이 바이올린에서 볼 수 있듯이, 잘 작동해야합니다 http://jsfiddle.net/nqP6B/

를

출처

2014-07-18 10:05:01 g00glen00b

너무 간단했습니다. 하지만 그것이 내가 필요한 것입니다. 고마워, – Gido

CSS를 무시하면 dojoxFlotingPaneTitle과 관련된 모든 스타일이 변경 될 수 있습니다. 오히려 다음 dojo.style을 사용하여 색상을 변경하는 것이 좋습니다.

var resultDiv = dojo.byId('fltQury');  
dojo.style(resultDiv, { 
     "backgroundColor": "#a4e672", 
     "color": "black" 
    });

자세한 내용은 this link을 참조하십시오.

출처

2014-08-12 09:43:22 user2530633

이것은 제목뿐만 아니라 전체 부동 창에 대한 배경을 바꿀 것입니다. '#fltQury .dojoxFloatingPaneTitle'과 같은 CSS 선택기를 사용하는 대신 왜 이것을 사용하는지 설명 할 수 있습니까? 결국 똑같은 일을합니다. – g00glen00b

나는 위젯이 동일한 ID를 가진 DOM 노드로 파싱된다는 사실에 의존하여이 접근법을 권장하지 않는다. 오히려'dojo.byId ('fltQury') 대신'dojo.byId (do). doNode 대신에 domNode를 사용하십시오. – g00glen00b

'#fltQueue .dojoxFloatingPaneTitle'은 모든 부동 창에 스타일을 추가합니다. 요구 사항이 하나의 부동 창에 대해서만 특정 스타일을 갖는다면'#fltQury .dojoxFloatingPaneTitle'은 좋지 않을 수 있습니다. @DimitriM, 두 번째 요점에 동의합니다. dojo.byId()를 사용하면 값 비싼 작업이됩니다. dijit.byId()를 사용하는 것이 좋습니다. – user2530633

Dojox.layout.FloatingPane의 제목 표시 줄 배경색을 변경하는 방법

답변

관련 문제