Skip to main content
Erik Vos - Het Lab
Erik Vos - Het Lab
Known Participant
January 25, 2024
Question

Presentation full screen without the fold?

  • January 25, 2024
  • 1 reply
  • 1051 views

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.

    This topic has been closed for replies.

    1 reply

    AkinGn
    Community Expert
    AkinGnCommunity Expert
    Community Expert
    March 18, 2024

    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=e2gt7gnyeq6y06j7phiz0235v&dl=0 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!

    Erik Vos - Het Lab
    Erik Vos - Het LabAuthor
    Known Participant
    March 19, 2024

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

      AkinGn
      Community Expert
      AkinGnCommunity Expert
      Community Expert
      March 19, 2024

      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.

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices