How to add animation to dialog box appear like a flipped card when triggered?

[Former Member]

When I click a button, a dialog box appears with charts inside it. I am required to make the dialog box appear like a card, contrary to the standard zoom out from center animation added to it. Also I must not assign IDs to the flexbox, vizframe or dialog. Please help in achieving the requirement. Following is the code: -

new sap.m.VBox({

height: '400px',

width: '500px',

items: [ oController.getViz(500,350),

new sap.m.Button({ text: "Examine",

press: function()

{ var x = oController.getViz(850,600);

oDialog1 =new sap.m.Dialog({ title: 'Stacked Column Chart',

content: [x]

}).addStyleClass("dialog");

oDialog1.addButton(new sap.m.Button({text: "Zoom In",

press:function(){x.zoom({direction: "in"}) ;} }) ); oDialog1.addButton(new sap.m.Button({text: "Zoom Out",

press:function(){x.zoom({direction: "out"});}}));

oDialog1.addButton(new sap.m.Button({text: "Close",

press:function(){oDialog1.removeAllContent();

oDialog1.close();}}));

if(!oDialog1.isOpen())

{

oDialog1.open(); } }

}).addStyleClass("examinebtn")