When I do a Google search to find a specific solution in Axure, about half the time I seem to get results for "azure".  For example, when I search for the terms "axure fade" or "axure fade out", I get results on Azure Fade or Azure Dreams and the word azure is bolded as if that's the exact term I searched for.  And it's not the "Did you mean: azure" suggestion which appears at the top...  Bad Google!

That brings me to my issue: I'm trying to find out if there's a way to do fades in Axure.  After the user removes an item, I'd like to show a quick confirmation layer that fades out as opposed to a message that appears across the top.  Any ideas?

Hi, using the workaround animation method (http://axure.com/cs/forums/thread/2643.aspx) you can animate through several states of a dynamic panel where each state has the confirmation layer at the varying transparencies. The last step can be to hide the panel completely.

pixeler:

When I do a Google search to find a specific solution in Axure, about half the time I seem to get results for "azure".  For example, when I search for the terms "axure fade" or "axure fade out", I get results on Azure Fade or Azure Dreams and the word azure is bolded as if that's the exact term I searched for.  And it's not the "Did you mean: azure" suggestion which appears at the top...  Bad Google!

That brings me to my issue: I'm trying to find out if there's a way to do fades in Axure.  After the user removes an item, I'd like to show a quick confirmation layer that fades out as opposed to a message that appears across the top.  Any ideas?

 

How to implement fade in and fade out effects

Axure RP Pro have not supported fade in and fade out effect directly. the nearest way is changing the widget by a series wait time actions. But Axure RP Pro have not supported transparent style yet, so the fade in and fade out effect is not correctly when there are other widgets behind it. Now the fade in and fade out effects can be implemented by jQuery, see the sample code below:

var customization_found = true;
$(function () {
        var currentPageName;
        window.setInterval(function () {
                if (currentPageName !== mainFrame.PageName) {
                        switch (mainFrame.PageName) {
                                case 'Home':
                                        $(mainFrame.document).find('[@title="theButton"]').click(function () {
                                                $(mainFrame.document).find('[@title="theTarget"]').prev().prev().fadeOut('slow');
                                        });
                                        break;
                        }
                        currentPageName = mainFrame.PageName;
                }
        }, 100);
});

---

Skype : huzhenghui
Gtalk : huzhengh
Gmail : huzhengh@gmail.com

This problem is only going to get worse, given Microsoft's forthcoming Azure 'cloud computing' suite, which is ostensibly a wrapper to their MS Live and other online presences...

I do expect Axure will get a significant boost from mistyped Azure traffic... :-)

"Axure RP Pro have not supported transparent style yet"

Not entirely correct; PNG images support transparency, and they are Axure compatible; I did this on a previous project to prototype see-through pop-ups, which worked quite well.  Internet exploder doesn't fully support PNG as such, but it's getting there; all decent modern browsers, of course, have full PNG support...

jtc:

"Axure RP Pro have not supported transparent style yet"

Not entirely correct; PNG images support transparency, and they are Axure compatible; I did this on a previous project to prototype see-through pop-ups, which worked quite well.  Internet exploder doesn't fully support PNG as such, but it's getting there; all decent modern browsers, of course, have full PNG support...

I means css style, for example: filter:alpha(opacity=50); /* IE */ ; -moz-opacity:0.5; /* Moz + FF */ ; opacity: 0.5;

---

Skype : huzhenghui
Gtalk : huzhengh
Gmail : huzhengh@gmail.com