2011-09-26 3 views
1

스타일을 추가해 보았습니다 : float : 버튼 오른쪽이지만 작동하지 않습니다.이 버튼을 화면 오른쪽에 정렬하는 방법은 무엇입니까?

myapp.cards.home.add({ 
     xtype: 'button', 
     id: 'previmagebutton', 
     // text: 'p', 
     iconCls: 'arrow_left', 
     iconMask: true, 
     style: 'float: right' 

    }); 


    myapp.cards.home = new Ext.Panel({ 
     scroll: 'vertical', 
     id: "home-card", 
     layout:{ 
      type:"vbox", 
          align:"center" 

     }, 
     items: [header] 
    }); 

    myapp.mainPanel = new Ext.Panel({ 
     fullscreen: true, 
     layout: "card", 
     cardAnimation: 'slide', 
     items: [myapp.cards.home] 
    }); 

문제의 원인이되는 경우 add 메소드를 사용해야합니다. 많은 감사합니다.

답변

0

myapp.cards.home 개체에는 레이아웃이 align:"center"까지 설정되어 있습니다.

+0

안녕 llya, 그것은 불행하게도 도움이되지 않는다. 추가 실험을 한 후에는 최소한의 구성과 버튼이있는 전체 화면 패널과 같은 간단한 예제를 작성해도 sencha touch 또는 extjs의 단추를 플로팅 할 수 없습니다. 절대 위치 지정은 버튼이 툴바에있는 경우가 아니면 스페이서를 사용할 수있는 유일한 방법입니다. 수레를 사용하는 방법을 찾으면 알려주세요. 감사. –

0

나는 버튼을

floating:true 

설정을 사용하여 부동 버튼을 만드는 데 성공했습니다. 그것은 개인 회원이기 때문에 여전히 공식적인 방법을 찾고 있습니다.

0

layout : { 
    type : 'vbox', 
    align : 'left' 
} 

:: 작업을해야하거나 그 경우 도구 모음에 spacer를 추가하거나 stretch 요소 있다면, 많이 차지하는 flex와 함께 옆으로 또 다른 hbox 요소를 추가 할 수 있습니다 너가 필요로하지 않는 공간

관련 문제