Я пытаюсь реализовать функцию, в которой мне нужно иметь два дерева, одно рядом друг с другом, похожее на зеркала. Пожалуйста, посмотрите изображение:
Суть в том, что я нашел способ перевернуть его по горизонтали, но текст также инвертирован. То, что я не могу сделать, это инвертировать дерево, позволяющее текст как есть.
Вот что я сделал: http://jsfiddle.net/lontivero/R24mA/
В принципе, следующий класс применяется к телу html:
.flip-horizontal {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: fliph; /*IE*/
filter: fliph; /*IE*/
}
Код HTML:
<body class="flip-horizontal"></body>
И JS:
Ext.create('Ext.grid.Panel', {
title: 'Simpsons',
height: 200,
width: 400,
// more and more code. SO forces me to paste js code ;(
renderTo: Ext.getBody()
});