Skip to Content
avatar image
Former Member

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

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]


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",




{; } }


Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

0 Answers