Copy link to clipboard
Copied
Hi there,
I want my client to review the designs I made. But when I share the flow of screens, the 'fold' prevents the viewer to see the whole page if they have a bigger screen.
So my design is 1440 px wide with a scroll height of 824 px. And when I share this, the client (who has a higher screen) sees half of the browser screen white. Because of the 'fold'. Is there a presentation mode where they can watch full screen without the fold?
Thanks.
Copy link to clipboard
Copied
Hi @Erik Vos - Het Lab, hmm normally when you share your file under the "Share" tab with "View Setting" set to "Presentation", no matter what "viewport height" value is set in your design (you can change it by dragging the blue button at the left of the artboard in your design, as seen also in the first screenshot you shared, or you can edit via changing on the right side bar, after selecting the artboar, either by clicking the artboard title or cmd-click an empty space on artboard, also seen in the screen part I shared, maybe you already know), it automatically adjusts the zoom level of the design to make the viewport height 100% of the resolution, to fit the "above the fold" but I can't be sure what's wrong in your design, maybe you can check my sample file here: https://www.dropbox.com/scl/fi/rf50f6i9lls8wdzxh57t0/above-the-fold.xd?rlkey=e2gt7gnyeq6y06j7phiz023... and presentation-prototype here: https://xd.adobe.com/view/74302eee-4734-4839-8680-1ba3469ecb2d-2163/?fullscreen
Edit: I guess the problem's because of having a size for "scrolling", if the viewport is higher than preset value (824px, in your case) it fills the rest with white space, the only solution I could find was dragging the blue scrolling height button at the left of the artboard all the way down to the end of the artboard, I'm going to update also the file I shred and the link, hope this helps!
Copy link to clipboard
Copied
Thanks for your effort @AkinGn
Your files work as it should. But with my file it does not work the same way. Perhaps it is because an older file that was migrated to the new XD? When I make an complete new fil and copy some elements in it, its works well. But if I enlarge the "viewport height" (I know how it works, thanks for explaining) the result is that you see the whole page in presentation modus (see screens attached).
Copy link to clipboard
Copied
Yes, that's how it works with viewport height setting, it resizes the design to fit the entire above the fold. I think the optimal solution would be setting the viewport height to something that's optimal for the client's screen (if you have that info), since the coded version would work as expected anyway 😉 Or maybe sending just an exported image, and you can ask them to drag that image to a browser window, to see it as a background image in full size. (There's also an option of creating an html file, that has the design as a full sized and centered background image and sending that html to client, but since it includes coding, even it's a little, I'm not sure you'd want to do that). Those are the options that I can think of (again, maybe you also might think of those but still wanted to mention), let's see if any other expert/designers have any inputs.
Copy link to clipboard
Copied
Thanks, I will leave it to that. And start with a fresh new document the next time.