ExtJS 4 Panel - 折叠时的文本方向

Question

我有一个折叠到左侧的面板，折叠时，标题从上到下垂直书写。有没有办法让标题显示在同一个位置，但是是从下往上写的？

谢谢！

Answer 1

我能够通过使用 :-

覆盖 extjs class 使其从下到上呈现

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(-90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(-90deg);
  -o-transform-origin: 0 0;
  transform: rotate(-90deg);
  transform-origin: 0 0;
  display: block;
  position: absolute !important;
  top: 85px !important;
  left: 0px !important;
}

Working Demo in jsFiddle

Answer 2

好的，我想我找到了解决方案（左边距不是强制性的）：

.x-panel-header-body-default-collapsed-left span.x-header-text{
   transform:rotate(180deg);
   position:relative;
   bottom:0;
   text-align:right;
   display:block;
   margin-left: 4px;
}

jsFiddle

ExtJS 4 Panel - 折叠时的文本方向

ExtJS 4 Panel - text direction when collapsed

extjs4

panel

collapse