Scale prototype to fit entire artboard on screen

Community Beginner ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Hi! Relatively new designer here. I want to share my prototype which is designed at 1366x768. The link to the prototype shows the artboard within a 768x768 square (fits the width of the artboard) instead of expanding so that the whole art board is visible without scrolling down.

 

Is there a way to set zoom constraints so that a viewer can see the entire artboard when they open the link? 

 

Thanks!

Views

383

Likes

translate

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 Employee , Dec 18, 2020 Dec 18, 2020
Thanks for sharing the screenshot, Mariela. So the reason it is scrolling because you have set a viewport(the blue dotted line in the middle of the artboard) that makes the artboard scrollable so anything below the viewport will lead the artboard to scroll. For more information on the viewport and scrollable artboard, please refer to this article: (https://helpx.adobe.com/uk/xd/user-guide.html/uk/xd/help/get-started-with-artboards-in-XD.ug.html

Likes

translate

Translate

Translate
Adobe Employee ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Hi there,

 

Thanks for reaching out. Unde the view settings you can opt for Open in Full Screen and try opening the prototype in full screen and let us know if that helps or if you need any further assistance.

 

Rishabh_Tiwari_0-1608321823741.png

Regards

Rishabh

Likes

translate

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 Beginner ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Hmmm, it doesn't seem to change the square window the artboard sits in

Screen Shot 2020-12-18 at 12.15.50 PM.png

 

Likes

translate

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 ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Could you please share a screenshot of how the prototype looks in the design mode?

Likes

translate

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 Beginner ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Does this help?

Screen Shot 2020-12-18 at 12.45.56 PM.png

Likes

translate

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 ,
Dec 18, 2020 Dec 18, 2020

Copy link to clipboard

Copied

Thanks for sharing the screenshot, Mariela. So the reason it is scrolling because you have set a viewport(the blue dotted line in the middle of the artboard) that makes the artboard scrollable so anything below the viewport will lead the artboard to scroll. For more information on the viewport and scrollable artboard, please refer to this article: (https://helpx.adobe.com/uk/xd/user-guide.html/uk/xd/help/get-started-with-artboards-in-XD.ug.html

Likes

translate

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 Beginner ,
Dec 28, 2020 Dec 28, 2020

Copy link to clipboard

Copied

Thank you so much!!!

Likes

translate

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