이전 릴리스에서 버전 7.5.1로 테마 마이그레이션

7.5.1 이전 릴리스에서 사용자 정의 테마를 사용한 경우, 해당 테마가 버전 7.5.1 이상에서는 예상대로 작동하지 않을 수 있습니다. 버전 7.5.1 이상으로 업그레이드하는 경우, 사용자 정의 테마를 사용하려면 이를 편집 및 복원해야 합니다.

시작하기 전에

이전 릴리스의 IBM® Rational® Asset Manager의 경우, 사용자 정의 테마가 있어야 합니다. 테마를 사용하여 사이트의 모양 변경의 단계를 완료하여 사용자 정의 테마를 작성할 수 있습니다.
사용자 정의 테마를 저장하십시오.
  1. 관리 > 도구를 클릭하십시오.
  2. 테마 관리 섹션에서 현재 테마 다운로드를 클릭하십시오. 압축 파일을 열거나 저장하도록 프롬프트가 표시됩니다.
  3. 파일을 저장하고 파일을 사용자 정의 버전으로 식별할 수 있도록 이름을 바꾸십시오.

이 태스크 정보

Rational Asset Manager 버전 7.5.1에서는 header.jspf 파일이 업데이트되어 로그인한 사용자의 이름, 로그인 및 로그아웃 링크, 도움말 메뉴 및 메뉴 옵션이 표시됩니다. 이전 버전에서 테마를 업로드하는 경우, 이러한 항목은 물론 도움말 컨텐츠, 확장기능, Rational Asset Manager 정보 메뉴 옵션이 배너에 표시되지 않습니다. 해당 옵션을 보려면 추가 HTML 및 JavaScript를 header.jspf 파일에 복사해야 합니다.

프로시저

  1. Rational Asset Manager를 업그레이드하십시오. 해당 릴리스용 기본 테마가 적용됩니다.
  2. 옵션: 테마를 비교할 수 있도록 업그레이드 버전의 Rational Asset Manager용 기본 테마를 다운로드하십시오.
    1. 관리 > 도구를 클릭하십시오.
    2. 테마 관리 섹션에서 현재 테마 다운로드를 클릭하십시오. 압축 파일을 열거나 저장하도록 프롬프트가 표시됩니다.
    3. 파일을 저장하고 파일을 기본 버전으로 식별할 수 있도록 이름을 바꾸십시오.
  3. 압축 파일의 압축을 푸십시오.
  4. 사용자 정의 버전의 테마가 포함된 파일에서 header.jspf 파일을 문서 편집기에서 여십시오.
  5. 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>
  6. 기본 스타일을 대체할 수 있도록 테마의 사용자 정의 스타일시트를 작성하십시오.
    1. 하나 이상의 CSS 파일을 작성하고 theme/custom/css 디렉토리에 저장하십시오.
    2. Rational Asset Manager와 함께 설치된 기본 스타일시트를 검토하십시오. 변경하려는 스타일에 대해서는 스타일 규칙을 CSS 파일에 복사하고 스타일을 편집하십시오. 새 CSS 파일 변경사항이 기본 스타일시트의 스타일 규칙을 대체합니다.
      중요사항: 테마 아카이브 파일에서 기본 스타일시트를 수정하지 마십시오. 이러한 스타일시트는 릴리스 간에 변경되고 Rational Asset Manager 업그레이드 시 겹쳐씁니다.
    3. cssIncludes.jspf 파일을 테마 아카이브의 theme/custom 디렉토리에 복사하십시오. 기본 스타일시트를 대체하기 위해 버전 7.5.1에서 사용자 정의 스타일시트를 사용하려면 이 .jspf 파일이 필요합니다.
    4. theme/custom/cssIncludes.jspf에 사용자 정의 스타일시트를 링크로 추가하십시오. 예를 들어, 다음과 같습니다.

      <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/${applicationScope.themePath}/custom/css/jkeEnterprises.css" />

    5. 사용자 정의 디렉토리에서 images 폴더를 작성하고 그 안의 테마에 사용되는 이미지 파일을 저장하십시오. 예: theme/custom/images-jke-enterprises
  7. 테마를 아카이브 파일로 압축하십시오.
  8. 도구 페이지의 테마 관리 섹션에서 찾아보기를 클릭하십시오.
  9. 사용자 정의 아카이브 파일을 선택하십시오.
  10. 업로드를 클릭하십시오.

다음에 수행할 작업

배너용 스타일시트 중 상당수가 테마 아카이브에서 제거되었습니다. PageTemplate.css 파일에서 기본 스타일 규칙을 보고 이러한 스타일을 대체할 자체 스타일시트를 작성할 수 있습니다. PageTemplate.css 파일의 기본 위치는 server/ram/javascript/dojo/jazz/ui/templates/PageTemplate.css입니다.

피드백