I solved this on ExtJS 5.1.0 using also jQuery, but of course you can use plain JS.
1. First of all I added to CSS this class:
right: 0px !important;
left: auto !important;
top: 3px !important;
2. For second, I created a floating hidden panel, that contains the tools:
3. Next, I forced the render of the elements. This is bad, but without this the DOM of the elements are not available, and I didn't found a cleaner solution:
4. Last, I moved the tools to the target tabpanel, with id "dashboard":
NOTE: this should be done every time the tools are re-rendered. The problem is that, apparently, "render" event is not fired for floating elements, so I added these commands in a function and I launch it in every piece of code that could change the tools. Not too much hassle, for now I call it in three different points only.
var dash_inner = $("#dashboard .x-tab-bar .x-box-inner");
This is a very tricky solution, I admit, but it works. I'm quite disappointed only about the two tricks above, in point 3 and the one I described in the note. If you know more canonical solutions, please advice me.