Skip to main content

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

I’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!


Thanks, 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


Would you be able to copy and paste your XML on the page you’re seeing the trouble on?


As 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


Thank you for bringing those to my attention as well.


Sample XML:


















<p><span style=“font-size:26px;”>Below are two examples. First is how "fit to content" 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 "scaled to mobile" skuid popups should be promoted to 100% width automatically or open in separate window.</span></p>





































<p>kljhkljhkljhcgcbn cbnvcbvcbncbncnbvcbncnbcnbcbnc  asdfadsfs asdfasdfas  assdfsdf asdfas dfs</p>


























<p>ljhkljhlkjkhj</p>
























&


Last 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…


That’s a wonderful reproduction page. I’m so proud of you. 10 gold stars and a billion points to you sir.


That’s the most points I have ever gotten for anything!


Reply