Hello, I want to change the modal animation when open and close from “modal-slide-in” and “modal-slide-out” to “fade-in” and “fade-out” just for one modal page, but I don’t have any idea how to do this.

set $ionicModal animation into 'fade-in’ follow this code. $ionicModal.fromTemplateUrl('templates/modal.html', { scope: $scope, animation: 'fade-in' }).then(function(modal) { $scope.modal = modal; }); Cheers…

@udithaprasad , thanks you for help, I am using ionic 3, and I don’t know how to convert this code to ionic 3. can you explain me how to make this work in ionic 3.

Good question Looking at the ionic modalcontroller docs it seems there is nothing there yet, also not in sass. So that likely requires some custom css or angular animations Looking forward to an answer Tom

It might be an idea to look at app.component.ts where you can globally configure some of the stuff you had to program in the older versions imports: [ IonicModule.forRoot(GemeApp,{ backButtonText:'', backButtonIcon:'close', iconMode: 'md', modalEnter: 'modal-slide-in',…

How to change Modal animation to "Fade in" And "Fade out"?

Ionic Framework ionic-v3

udithaprasad November 10, 2017, 7:40am 5

Please refere onderceylan answer here…
[Ionic 2 Modal animations and custom animations?]

Topic		Replies	Views
How to change modal animation to fade in and out ionic-v3	0	554	February 21, 2018
Modal Animations ionic-v1	17	47450	April 30, 2017
Ionic modal animations [SOLVED] ionic-v1	0	973	December 2, 2016
Modal Hide/Close Animation ionic-v1	1	2007	October 16, 2015
Slide-in-right animation for ionicModal	13	13762	March 8, 2019

How to change Modal animation to "Fade in" And "Fade out"?

Related topics