Desktop preview showing the whole artboard

New Here ,
Oct 25, 2021 Oct 25, 2021

Copy link to clipboard

Copied

Does anyone know why this is happening when I preview a long webpage?
Its showing the whole page as opposed to screen size.
Screen Shot 2021-10-26 at 4.06.28 pm.png

Views

337

Likes

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

correct answers 1 Correct answer

Adobe Community Professional , Oct 27, 2021 Oct 27, 2021
Hi Ron, it's about the viewport height setting of the artboard. This shows up as a dashed line. It tells Xd what portion of the artboard to show, and if it matches the height of the artboard it will display it fully and scale it to fit the window. It is applied by default on new artboards from the presets, but when importing Xd doesn't always know what it should be. The scrolling might be disabled, in which case it will just show the whole artboard.

Likes

Translate

Translate
Adobe Employee ,
Oct 26, 2021 Oct 26, 2021

Copy link to clipboard

Copied

Hi Ronmirko,

 

Thank you for reaching out. Could you please share the screenshot of this page in Design mode to understand the settings of this page? Please also share the version of XD and the OS of your machine.

 

We will try our best to help.

 

Thanks,

Harshika

 

Likes

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
New Here ,
Oct 26, 2021 Oct 26, 2021

Copy link to clipboard

Copied

hi Harshika, 
Thank you for getting back to me. After lots of trial and error I figured it out the end.
It was a sketch file I imported, so XD didn't recognice the dimensions fixed it to portrait. So I had to copy paste onto a new document and make sure it was set to landscape. 
Again thank you for following up.
Ron

Likes

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
Adobe Community Professional ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

Hi Ron, it's about the viewport height setting of the artboard. This shows up as a dashed line. It tells Xd what portion of the artboard to show, and if it matches the height of the artboard it will display it fully and scale it to fit the window. It is applied by default on new artboards from the presets, but when importing Xd doesn't always know what it should be. The scrolling might be disabled, in which case it will just show the whole artboard.

 

SpasK_0-1635325752294.png

 

Likes

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
Adobe Employee ,
Oct 27, 2021 Oct 27, 2021

Copy link to clipboard

Copied

LATEST

Glad to hear you are back on track. As rightly explained by Spas K on the below posts, the preview of the artboard depends on the viewport height which needs to be adjusted accordingly.

 

Thank you Spas K for your detailed explaination on this post.

 

Thanks,

Harshika

Likes

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