• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Presentation full screen without the fold?

Explorer ,
Jan 25, 2024 Jan 25, 2024

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.XD screen.jpg

Views

338

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 18, 2024 Mar 18, 2024

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!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 19, 2024 Mar 19, 2024

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).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2024 Mar 19, 2024

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Mar 19, 2024 Mar 19, 2024

Copy link to clipboard

Copied

LATEST

Thanks, I will leave it to that. And start with a fresh new document the next time.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines