New control : Animated dialog

[anoopt]

Category

• Enhancement
• Bug
• Question

Details

A new control called Animated dialog which is an enhanced version of Fabric UI react dialog.

The new control will be an extension of the Fabric UI dialog with some extra properties that will drive the animation i.e.

• the way the dialog appears and hides
• an extra icon above the title (with some animation)

Demo

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[AJIXuMuK]

Hi @anoopt,

I think it's an awesome enhancement!
Will you prep the PR?

[anoopt]

Sure Alex. Will do 👍

[anoopt]

Hi @AJIXuMuK - I installed the beta version of PnP SPFx controls to test this control and I get an error with the external css that is present in the code.

I have added require('../../../node_modules/animate.css/animate.min.css'); in the AnimatedDialog control and I thought this would get bundled as part of the package.

Am I missing something?

[AJIXuMuK]

Hi @anoopt,

Hmmm, yes, it should be bundled.
I'll take a closer look.

[AJIXuMuK]

Hey @anoopt - I got it fixed.
As we're developing a library, we need to reference items from node_modules not as relative ones, but as actual modules.

In case of animate.css - require('animate.css/animate.min.css')

[anoopt]

Ah. Thank you Alex for explaining the details. Very helpful.