When using the scale to mobile option for a page, it creates a poor, sometimes unusable, experience for skuid popups. They bleed off the page and you can’t scroll. Two options:
1) as part of the mobile scaling conversion, convert all popup widths to 100%.
2) Make skuid popups open in a new window on mobile browsers
Question
Problem/Idea: Scale To mobile Skuid Popups auto set to 100%
+17
+10I’ve been able to reproduce this issue on our end and am working on creating a reproduction page for our devs to tackle. Thank you for bringing this to our attention!
+17Thanks, Stephen Here is a semi related problem you may want to report at the same time: https://community.skuid.com/t/scale-to-mobile-fit-to-content-on-responsive-grid-bleeds-off-page
+17As long as we are at it Check these out too:
https://community.skuid.com/t/unified-builder-modify-font-size-to-16px-for-edit-mode-comp…
https://community.skuid.com/t/feedback-on-mobile-responsive-pages-components-version-10
+17Sample XML:
<p><span style=“font-size:26px;”>Below are two examples. First is how &quot;fit to content&quot; division grids prevent appropriate wrapping of text and components and cause text and other components to spill out.</span></p>
<p><span style=“font-size:28px;”>Specified Width Enter your text Here</span></p>
<p><span style=“font-size:28px;”>Flexible Width Enter your text Here</span></p>
<p><span style=“font-size:28px;”>Fit To Content Enter your text Here</span></p>
<p><span style=“font-size:26px;”>Below is an example of a popup window that may be complete reasonable on desktop at 50% width, but on mobile it becomes unusable. When &quot;scaled to mobile&quot; skuid popups should be promoted to 100% width automatically or open in separate window.</span></p>
<p>kljhkljhkljhcgcbn cbnvcbvcbncbncnbvcbncnbcnbcbnc &nbsp;asdfadsfs asdfasdfas &nbsp;assdfsdf asdfas dfs</p>
<p>ljhkljhlkjkhj</p>
&
+17Last comment on this: tabsets with tabs on left are a big issue with scale to mobile. Just create a tabset with tabs on left and put a long word or two in the tab name. The tab button itself takes up most of the phone width so whatever component displays in the tab only gets maybe half an inch of display. They need to collapse to a Hamburger menu or just icons…
+10That’s a wonderful reproduction page. I’m so proud of you. 10 gold stars and a billion points to you sir.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.