Rich UI 애플리케이션에 사용할 테마
테마는 Rich UI 애플리케이션의 모든 Dojo 위젯에 대해 일정한 모양을 제공합니다.
Claro 또는 Tundra 테마를 지정할 수 있습니다. 기본값은 Claro입니다. Dojo 위젯이 포함된 애플리케이션을 코딩하는 경우 Nihilo 및 Soria 테마를 사용할 수도 있지만 해당 스펙은 Dojo 위젯에만 영향을 미칩니다. 위젯에 테마가 없는 경우 스타일이 위젯에 특정하게 사용됩니다.
다음 예는 각 테마를 표시합니다.
- Claro

- Nihilo

- Soria

- Tundra

테마 정의
테마를 설정하려면 가장 위에 있는 Rich UI 핸들러 파트의 theme 특성을 코딩하십시오. 이 특성은 전체 애플리케이션의 테마를 정의합니다.
다음은 테마와 관련된 함수입니다.
- ruiLib.setTheme()
- ruiLib.getTheme()
테마를 사용하려면
필요한 CSS 파일을 사용자 CSS 파일로 가져오는 명령문을 코딩해야 합니다. 이러한 방식으로 여러 개의 테마를 가져올 수 있습니다.
- Rich UI 위젯의 경우:com.ibm.eg.rui_2.0.0.css 파일에서 적절한 가져오기를 코딩하십시오. 이는 이 파일은 com.ibm.egl.rui_2.0.0/WebContent/css 디렉토리에 있습니다.
여기서 theme_name은 원하는 테마의 이름입니다. 예를 들어 Claro 테마를 사용하는 경우 명령문은 다음과 유사합니다.@import url("theme_name/theme_name.css");@import url("claro/claro.css"); - Dojo 위젯의 경우:includeDojo.html 파일에서 두 개의 적절한 link 문 세트를 코딩하십시오. 이 파일은 com.ibm.eg.rui.dojo.runtime.<runtime>_1.5/WebContent/config에 있습니다.
여기서 theme_name은 원하는 테마의 이름입니다. 예를 들어 Claro 테마를 사용하는 경우 다음 명령문을 코딩하십시오.<link href="dijit/themes/theme_name/theme_name.css" type="text/css" rel="stylesheet" media="screen" id="EGLDOJOTheme_CSS" /> <link href="dojox/grid/resources/theme_nameGrid.css" type="text/css" rel="stylesheet" media="screen" id="EGLDOJOGridTheme_CSS" /><link href="dijit/themes/claro/claro.css" type="text/css" rel="stylesheet" media="screen" id="EGLDOJOTheme_CSS" /> <link href="dojox/grid/resources/claroGrid.css" type="text/css" rel="stylesheet" media="screen" id="EGLDOJOGridTheme_CSS" />
IBM® Rational® Business Developer 버전 7.5.1의 경우 class 특성을 사용하여 테마를 위젯 또는 위젯 세트에 설정합니다. 이 메소드를 사용하여 테마를 설정할 수도 있습니다. 이 메소드를 사용하는 경우 적절하게 적용할 테마에 대해 적절한 CSS 파일을 가져와야 합니다.