Touch Table: Window rotation

Suite and Optimus Suite 5
#1

I am building a touch table app and I’m looking at using DHX components. Can a component like a window have a css effect such as

-webkit-transition: all 0.5s ease-in-out;

and then have

deg = 35;
div.style.webkitTransform = ‘rotate(’+deg+‘deg)’;

And expect the window (and everything it contains) perform as expected?

Thanks in advance,

#2

Hi,

Did you ask about window of dhtmlxTouch or desktop dhtmlxWindow component ?

#3

DHTMLX window component (screen size is 4K-- 3,840 x 2560).

#4

There is not such a build-in animation in Window. However, you can try to apply custom styling like so:

[code]
#myWin{
-webkit-transition: all 0.5s ease-in-out;
}

…
var win = dhxWins.createWindow(id, x, y, w, h);
win.id = “myWin”;

function rotate(div){
var deg = 35;
div.style.webkitTransform = ‘rotate(’+deg+‘deg)’;
}

// window animated rotation
rotate(win);[/code]

#5

Thx!