Is there a possibility to rotate the UniImage?

[rdelphi]

Is there a possibility to rotate (180,90,270 Degree) the UniImage?

 

[Sherzod]

Hi,

 

Is there a possibility to rotate (180,90,270 Degree) the UniImage?

 

Which edition and build are you using?

[mhmda]

This may help you:

$(MainForm.UniImage1.el.dom).css({
        "-webkit-transform": "rotate(90deg)",
        "-moz-transform": "rotate(90deg)",
        "transform": "rotate(90deg)" 
    });

[rdelphi]

Hi,

 

 

Which edition and build are you using?

 

uniGUI Complete Trial Edition 1.0.2 Build 1450

 

 

 

This may help you:

$(MainForm.UniImage1.el.dom).css({
        "-webkit-transform": "rotate(90deg)",
        "-moz-transform": "rotate(90deg)",
        "transform": "rotate(90deg)" 
    });

 

Where do I use this code?

 

I want to click on the button to rotate the UniImage

 

 

Please see this code : https://gist.github.com/seungjin/131025

Is it possible to use?

How to use?

[mhmda]

Button->Ext events->Click.

 

It's js code.

[rdelphi]

THANKS :D

mohammad , Delphi Developer

[rdelphi]

 

This may help you:

$(MainForm.UniImage1.el.dom).css({
        "-webkit-transform": "rotate(90deg)",
        "-moz-transform": "rotate(90deg)",
        "transform": "rotate(90deg)" 
    });

Your code will rotate all images

While I want the user to rotate the images

What are you suggesting for this?

[mhmda]

It will rotate only 'UniImage1' or what you want.

 

[JohanC]

I would like to rotate the image 180 degrees when I click the Button the second time.

And 270 degrees when I click it the third time

And undo the rotation with the fourth click

Can you please help?

[Sherzod]

Well, you might think about logic, let's say store the value through a variable and use the above solution or this:

 

 

[JohanC]

Hi Sherzod,

Yes I agree, the logic I can figure out

I do not know where to insert the variable in the JS code.

It works if I use 4 Buttons, but that is rather ugly

[GerhardV]

Just save it on the Form and with every click you update it from 90 to 180 and so on..then update the JS code above to reflect the value.

protected
  vDegrees: integer;

On the button click:
vDegrees := vDegrees + 90; -- you have to add some logic when it gets to 360
UniImage1.JSInterface.JSCode(#1'.el.query("img")[0].style.transform="rotate('+ vDegrees +'deg)";');

[JohanC]

Hi Gerhard,

Thanks, it works !

Johan (South Africa)