7.5.1 이전 릴리스에서 사용자 정의 테마를 사용한 경우, 해당 테마가 버전 7.5.1 이상에서는 예상대로 작동하지 않을 수 있습니다.
버전 7.5.1 이상으로 업그레이드하는 경우, 사용자 정의 테마를 사용하려면 이를 편집 및 복원해야 합니다.
시작하기 전에
이전 릴리스의
IBM® Rational® Asset Manager의 경우, 사용자 정의 테마가
있어야 합니다.
테마를 사용하여 사이트의 모양 변경의 단계를 완료하여
사용자 정의 테마를 작성할 수 있습니다.
사용자 정의 테마를 저장하십시오.
- 를 클릭하십시오.
- 테마 관리 섹션에서 현재 테마 다운로드를 클릭하십시오. 압축 파일을 열거나 저장하도록 프롬프트가 표시됩니다.
- 파일을 저장하고 파일을 사용자 정의 버전으로 식별할 수 있도록 이름을 바꾸십시오.
이 태스크 정보
Rational Asset Manager 버전
7.5.1에서는
header.jspf 파일이 업데이트되어 로그인한 사용자의 이름, 로그인 및 로그아웃 링크, 도움말 메뉴 및 메뉴 옵션이
표시됩니다. 이전 버전에서 테마를 업로드하는 경우, 이러한 항목은 물론 도움말 컨텐츠, 확장기능, Rational Asset Manager 정보 메뉴 옵션이
배너에 표시되지 않습니다. 해당 옵션을 보려면 추가 HTML 및 JavaScript를
header.jspf 파일에 복사해야 합니다.
프로시저
- Rational Asset Manager를 업그레이드하십시오. 해당 릴리스용 기본 테마가 적용됩니다.
- 옵션: 테마를 비교할 수 있도록
업그레이드 버전의 Rational Asset Manager용
기본 테마를 다운로드하십시오.
- 를 클릭하십시오.
- 테마 관리 섹션에서 현재 테마 다운로드를 클릭하십시오. 압축 파일을 열거나 저장하도록 프롬프트가 표시됩니다.
- 파일을 저장하고 파일을 기본 버전으로 식별할 수 있도록 이름을 바꾸십시오.
- 압축 파일의 압축을 푸십시오.
- 사용자 정의 버전의 테마가 포함된 파일에서 header.jspf 파일을 문서 편집기에서 여십시오.
- HTML 및 JavaScript의 다음 행을 복사하여 사용자 정의 테마에 논리적인 위치의 header.jspf 파일에 붙여넣으십시오. 기본 테마를 다운로드한 경우, 변경사항을 기본 header.jspf 파일에 있는 구조와 비교할 수 있습니다.
<h:panelGroup id="signin" rendered="#{!loginUser.user.registered}">
<h:outputLink id="loginURL" value="#{loginUser.loginAction}">
<h:outputText id="loginUid" value="#{loginUser.loginMsg}" />
</h:outputLink>
</h:panelGroup>
<h:panelGroup id="signout" rendered="#{loginUser.user.registered}">
<h:outputText id="welcomeUser" value="#{loginUser.welcomeMsg}" escape="false"/>
<h:outputText id="welcomeSeparator" value="|" />
<h:outputLink id="logoutLnk" value="javascript:logout();">
<h:outputText id="uidnotWAS" styleClass="signInOutText" value="#{loginUser.loginMsg}" />
</h:outputLink>
</h:panelGroup>
<a href="#" title="${bundle.navigation_help}" id="help_menu" class="jazz-ui-MenuPopup">
<span class="sprite-image help-menu"></span>
<img class="caret" src="${pageContext.request.contextPath}/javascript/dojo/jazz/ui/graphics/Toolbar/white-caret.gif" />
</a>
<script type="text/javascript">
dojo.addOnLoad(function() {
var helpMenu = new jazz.ui.MenuPopup({align: "right", cacheMenu: true},'help_menu'); //options,elementID
helpMenu.menuProvider = function() {
var menu = new jazz.app._ComponentMenu();
menu.addItemByArgs({label: "${bundle.navigation_help_content}", icon: dojo.moduleUrl("jazz.ui","graphics/PageTemplate/icons/systemhelp.gif"), onClick: function() {window.open("${applicationScope.docPath}/index.jsp")} });
menu.addItemByArgs({label: "${bundle.navigation_extensions}", icon: dojo.moduleUrl("ram","graphics/content/icons/extensions_obj.gif"), href: "${pageContext.request.contextPath}/extensions.jsp"});
menu.addItemByArgs({label: "${bundle.navigation_about}", icon: dojo.moduleUrl("ram","graphics/content/icons/ram_obj.gif"), onClick: showAboutDialog });
return menu;
};
);
</script>
- 기본 스타일을 대체할 수 있도록 테마의 사용자 정의 스타일시트를 작성하십시오.
- 하나 이상의 CSS 파일을 작성하고 theme/custom/css 디렉토리에 저장하십시오.
- Rational Asset Manager와 함께 설치된
기본 스타일시트를 검토하십시오.
변경하려는 스타일에 대해서는 스타일 규칙을 CSS 파일에 복사하고 스타일을 편집하십시오. 새
CSS 파일 변경사항이 기본 스타일시트의 스타일 규칙을 대체합니다.
중요사항: 테마 아카이브 파일에서 기본 스타일시트를
수정하지 마십시오. 이러한 스타일시트는
릴리스 간에 변경되고 Rational Asset Manager 업그레이드 시
겹쳐씁니다.
- cssIncludes.jspf 파일을 테마 아카이브의 theme/custom 디렉토리에 복사하십시오. 기본 스타일시트를 대체하기 위해 버전 7.5.1에서 사용자 정의 스타일시트를 사용하려면 이
.jspf 파일이 필요합니다.
- theme/custom/cssIncludes.jspf에 사용자 정의 스타일시트를 링크로 추가하십시오. 예를 들어, 다음과 같습니다.
<link rel="stylesheet"
type="text/css" href="${pageContext.request.contextPath}/${applicationScope.themePath}/custom/css/jkeEnterprises.css"
/>
- 사용자 정의 디렉토리에서 images 폴더를 작성하고 그 안의 테마에 사용되는 이미지 파일을 저장하십시오. 예: theme/custom/images-jke-enterprises
- 테마를 아카이브 파일로 압축하십시오.
- 도구 페이지의 테마 관리 섹션에서 찾아보기를 클릭하십시오.
- 사용자 정의 아카이브 파일을 선택하십시오.
- 업로드를 클릭하십시오.
다음에 수행할 작업
배너용 스타일시트 중 상당수가 테마 아카이브에서 제거되었습니다.
PageTemplate.css 파일에서 기본 스타일 규칙을 보고
이러한 스타일을 대체할 자체 스타일시트를 작성할 수 있습니다.
PageTemplate.css 파일의 기본 위치는
server/ram/javascript/dojo/jazz/ui/templates/PageTemplate.css입니다.