Opened 10 years ago

Last modified 5 years ago

#3685 open feature

Dialog: Ability to fade in the overlay.

Reported by: wichert Owned by:
Priority: minor Milestone: none
Component: ui.dialog Version: 1.6rc2
Keywords: overlay animation Cc:
Blocked by: Blocking:

Description

It is possible to animate the show of the dialog itself, but it is not possible to animate the overlay. What I would like to do show the dialog quickly and then slowly fade in the overlay.

Change History (10)

comment:1 Changed 10 years ago by Scott González

Milestone: TBD1.next

comment:2 Changed 9 years ago by pwnedd

I also think this would be very useful to have.

comment:3 Changed 8 years ago by Corey Frang

Status: newopen

It might be neat to pass overlay show/hide effects as well - although not sure how easy it would be to accomplish this.

comment:4 Changed 7 years ago by Scott González

Keywords: overlay animation added
Milestone: 1.nextTBD

comment:5 Changed 7 years ago by Scott González

Type: enhancementfeature

comment:6 Changed 6 years ago by Scott González

Milestone: TBD1.10.0

comment:7 Changed 6 years ago by Jörn Zaefferer

Summary: impossible to fade in the overlayDialog: Impossible to fade in the overlay.

comment:8 Changed 6 years ago by Scott González

Summary: Dialog: Impossible to fade in the overlay.Dialog: Ability to fade in the overlay.

comment:9 Changed 6 years ago by tj.vantoll

Milestone: 1.10.0none

comment:10 Changed 5 years ago by Jörn Zaefferer

Here's a jsbin with an animated overlay, using CSS transitions: http://jsbin.com/EyIViLi/1/edit

Its only animated when opening, since the dialog immediately removes the overlay on close.

Note: See TracTickets for help on using tickets.