Can I make a flyout also push down?

[Alex_Axure]

HI Eric,

Ah, I was just building off of MurrayEaton’s sample file which already included the dynamic panel setup. As skb mentions, adding a swing animation for the push and pull will smooth things over. In short, your current approach is entirely fine, but read on to learn more about possible issues unique to groups versus DPs.

There are still pros and cons for using either a DP setup or group setup for your accordion.

Generally speaking, using groups (without a DP) is sufficient for building a simple accordion wherein each submenu consists of a single shape like in your original sample. There’s also no significant overlap between submenus in your file. Your current setup also avoids the common complications of persistent accordions since only one of the submenus is displayed at one time.

However, a DP setup may be more appropriate if you plan to build a much more complex accordion with more overlapping submenu widgets and persistent submenus where multiple can be visible at once. A “complex” accordion could also mean that each submenu contains a large number of widgets that overlap with other components on the page; “complex” could also mean that you’ll be creating nested submenus in multiple layers.

The following article helps to explain this kind of issue affecting grouped versus DP accordions:

Push/Pull and Groups

Hi everyone, As more and more users have begun taking advantage of Axure RP 8’s new and improved widget groups, there has been some confusion about how widgets in groups are treated by certain interactions. Specifically, a number of users have been hitting snags with push/pull interactions. As a quick refresher for those of you who may not be familiar with how push/pull functionality works: The three “Show/Hide” actions and the “Set Panel State” action all offer the option of pushing/pulling o…

In other words, push/pull interactions affect all grouped widgets in the push/pull path. And so if you have widgets in one group of a submenu overlapping widgets of another accordion group (that might be set to hidden), then pushing/pulling the widgets in a submenu can cause some overlapping portions of the accordion to get repositioned in an unexpected way.

To help avoid that specific complication, wrapping each submenu in a DP serves as a way to contain all widgets of a submenu so that push/pull affects the DP as a single unit.

Here’s an example that shows how push/pull can (unexpectedly) push overlapping grouped content:

Drop_Demo_Groups.rp (59.2 KB)

To demo this, try showing the second banner first and then showing the banner above it afterward. You’ll find that content of the top submenu will have been pushed down by the initial Show action of banner 2.

Although this is actually expected behavior, it’s difficult to predict/visualize because the submenu groups are set to hidden, but they’re still in the push/pull path.