I am building a mobile page and would like my deck component to display a fullscreen locked popup. Considering the sliding panel w/ a deck click interaction isn’t working, I need to resort to a popup for the time being.
The feedback button on mobile pages is a perfect demonstration of what I am trying to accomplish.
I was able to make my popup fullscreen, but it is still draggable. Any help on locking the popup in place is appreciated!
Video demonstrates the popup fullscreen(delayed b/c snippet to bring to top), the ability to drag (needs to be locked), and the desired feedback button.
Page 1 / 1
Have you thought about using a page include instead? Or perhaps link to a separate page? Why a locked pop up in mobile?
I have a scenario where I want the same page to be used for desktop and mobile. Pop up is the right solution for desktop, but I agree with Josef that a full screen “locked” version of the popup would be nice or an option to have pop ups open in a separate tab in mobile.
I am using a page include in my popup. The reason I would prefer a full screen popup vs. a link to a new page is that I want to keep the user on the main screen without having to reload the main page when they close the redirected page.
I was actually able to switch gears here and use a sliding panel from the deck(now that that works as of 11.0.4), but I am still curious if a full screen popup could be achieved (identical to the feedback popup).
I would use a tabset, which would keep the prior tab in memory. You can use CSS to hide the tab header and a simple snippet to switch between tabs. Here’s a sample approach for you that we’ve further developed for a similar use case.
https://community.skuid.com/t/idea-action-for-setting-tab-in-tabset-hide-tab-menu
Reply
View our Community Site Map
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.