Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


How to control the code block size of AdobeXD sharing prototype?

New Here ,
Aug 17, 2021 Aug 17, 2021

Copy link to clipboard

Copied

Hi, 

 

I'm having an issue with resizing the prototype link on my Squarespace website.  Currently, it is to large for anyone to effectively click-through, you have to scroll up and down to view the whole prototype.

 

Screen Shot 2021-08-17 at 5.36.14 AM.png

 

I tried using this custom CSS, 

div#block-yui_3_17_2_1_1628389713241_45661 iframe {
overflow:hidden;
height:75%;
width:75%;
}

 

But this makes the prototype mini. 

Screen Shot 2021-08-17 at 5.34.18 AM.png

Would anyone have any suggestions on how to control the code block size of an AdobeXD prototype? 

 

<Title renamed by moderator>

TOPICS
How to, Share or publish

Views

185

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 ,
Aug 26, 2021 Aug 26, 2021

Copy link to clipboard

Copied

LATEST

Hi zzlogan,

 

We are sorry for the delay in response. It looks like this is the problem with html elements(and iframes) when the height is specified in % value. Prototype will scale based on the available space. So, prototype will render correctly if the iframe is set to the desired size. We would suggest using px values for iframe width and height.

 

Let us know if that works for you.

 

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