I want to make the buttons in TabView vertical. Of course simply
rotating the button doesn't suffice.
I found this older post
http://qooxdoo.678.n2.nabble.com/Tabview-Vertical-tabs-for-left-position-td7582466.html#a7582484
where Martin Wittemann suggests that it would be simpler to create a
custom widget. But I can't see how it can be simpler since the text
should be vertical and I couldn’t find a way to make the text vertical
besides using qx.bom.element.Transform.rotate(). **Unfortunately that
function works only in visible elements when the layout is already done. **
A workaround I managed is to subclass the whole qx.ui.tabview package
for the sole purpose of adding this in TabButton constructor
this.addListener("appear", function(){
var label = this.getChildControl("label");
var el = label.getContentElement().getDomElement();
qx.bom.element.Transform.rotate(el,"270deg");
},this);
This just rotates the button's label and with the appropriate
modifications in Appearance.js I managed to achieve the result in the
attached image which is ugly and impractical and feels very wrong.
Has anyone managed to use vertical buttons in TabView? Can it be done
with pure qooxdoo tools or should I investigate the possibility of using
SVG graphics?
------------------------------------------------------------------------------
_______________________________________________
qooxdoo-devel mailing list
qooxdoo-devel@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/qooxdoo-devel
