Flyouts in the center


#1

Hi,

Scenario:
So we have a huge application, with lots of dynamic panels, animations and data, and in turn this is slowing the application and causing the application to crash often. For this reason, we are doing a refactoring of our Axure file, and splitting the various dynamic panels into different pages. We have placed an inline frame on the main page as a slideout panel aligned to the right (Almost half the width of the browser screen) and as required we call the different screens into the inline frame.

Issue:
We have a few flyouts that need to be shown when certain buttons are clicked on the views that loads in the right aligned slideout. The issue we are currently facing is that these flyouts load in the right side and not in the center of the screen, because of the width of the inline frame. We tried stretching the inline frame to the full width of the browser but that ended up creating a lot of unwanted and unused white space. We thought of making the BG of the inline frame transparent so that the unused area is not seen, but we weren’t able to figure out a way for that.

Requirement:
We would like to have the flyouts placed in the right aligned slideout views to be shown in the center of the browser screen.

Any help would be appreciated. Thanks!