2014-10-09 3 views
0

저는 Liferay에서 클래식 테마를 사용하고 레이아웃을 만들려고합니다. IDE에서는 완벽하게 잘 보이지만 내 페이지에 적용하면 레이아웃으로 분할 된 페이지를 얻지 못합니다.레이아웃이 Liferay에서 작동하지 않습니다.

포틀릿을 가로로 한 줄씩 추가 할 수 있지만 1-2-2-1을 생성 한 레이아웃에서는 분할되지 않습니다.

다음은 코드입니다. 도와주세요.

<div class="home" id="main-content" role="main"> 
    #if ($browserSniffer.isIe($request) && $browserSniffer.getMajorVersion($request) < 8) 
     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w100 portlet-column portlet-column-only" id="column-1"> 
       $processor.processColumn("column-1", "portlet-column-content portlet-column-content-only") 
      </td> 
     </tr> 
     </table> 

     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w30 portlet-column portlet-column-first" id="column-2"> 
       $processor.processColumn("column-2", "portlet-column-content portlet-column-content-first") 
      </td> 
      <td class="aui-w70 portlet-column portlet-column-last" id="column-3"> 
       $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last") 
      </td> 
     </tr> 
     </table> 

     <table class="portlet-layout"> 
     <tr> 
      <td class="aui-w100 portlet-column portlet-column-only" id="column-4"> 
       $processor.processColumn("column-4", "portlet-column-content portlet-column-content-only") 
      </td> 
     </tr> 
     </table> 
    #else 
     <div class="portlet-layout"> 
      <div class="aui-w100 portlet-column portlet-column-only" id="column-1"> 
       $processor.processColumn("column-1", "portlet_56_INSTANCE_F9mSTanO1pkp") 
      </div> 
     </div> 

     <div class="portlet-layout"> 
      <div class="aui-w30 portlet-column portlet-column-first" id="column-2"> 
       $processor.processColumn("column-2", "portlet-column-content portlet-column-content-first") 
      </div> 

      <div class="aui-w70 portlet-column portlet-column-last" id="column-3"> 
       $processor.processColumn("column-3", "portlet-column-content portlet-column-content-last") 
      </div> 
     </div> 

     <div class="portlet-layout"> 
      <div class="aui-w100 portlet-column portlet-column-only" id="column-4"> 
       $processor.processColumn("column-4", "portlet_56_INSTANCE_mF6lT48JoIgZ") 
      </div> 
     </div> 
    #end 
</div> 
+0

? 어떤 버전의 Liferay를 사용하고 있습니까? 그러나이 레이아웃은 1-2-2-1이 아닌 1-2-1로 보입니다. –

+0

내 페이지가 수평 행으로 만 나누어 져 있고, 열이 전혀 나오지 않습니다. Liferay 버전 - 6.2 –

답변

1

Liferay 6.2는 부트 스트랩 스타일 레이아웃을 사용하므로 코드가 6.1까지 유효합니다. aui-wXXX을 부스트랩 클래스 spanXX으로 변경하십시오.

부트 스트랩 레이아웃에 대한 자세한 내용은 참조하십시오 : http://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem

NB

을 Liferay 사용 부트 스트랩 2.3.2이 아닌 3.0이 레이아웃을 적용 할 때 페이지를 나누어 어떻게

+0

나는 정보가 마르코에게 감사하지만 늦게 알고있다. 이것은 올바르게 작동했습니다. 나는 이것에 아주 새롭고 nitigrities에 관하여 모른다. :) –

관련 문제