ExtJS 4面板 - 折叠时的文本方向

Question

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

谢谢！

Answer 1

我能够通过覆盖extjs类从下到上进行渲染： -

.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