Highlighted

[Design]-When viewing on mobile, app is not full screen and background is black, not white in XD.

New Here ,
Jan 19, 2020

Copy link to clipboard

Copied

See below. 

 

Right is on my phone using xD and left is what I see in xD on my desktop. 

 

I am using an XS Max, but my partner is using an Iphone 11, non max and it does the same thing.

 

Any ideas? 

 

Scren.png

 

<The Title was renamed by moderator>

TOPICS
Design, Product performance

Views

365

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

[Design]-When viewing on mobile, app is not full screen and background is black, not white in XD.

New Here ,
Jan 19, 2020

Copy link to clipboard

Copied

See below. 

 

Right is on my phone using xD and left is what I see in xD on my desktop. 

 

I am using an XS Max, but my partner is using an Iphone 11, non max and it does the same thing.

 

Any ideas? 

 

Scren.png

 

<The Title was renamed by moderator>

TOPICS
Design, Product performance

Views

366

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
Jan 19, 2020 0
Adobe Community Professional ,
Jan 20, 2020

Copy link to clipboard

Copied

Hi, could you post a screen or a short video of your work environment on Adobe XD? It would help us a lot in identifying the problem.

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
Reply
Loading...
Jan 20, 2020 1
New Here ,
Jan 20, 2020

Copy link to clipboard

Copied

Sure... I just learned how to use this last week... so Id venture to guess I'm doing something wrong.

 

Also... there are quite a few more screens, 50 actually... I just cropped them out as these are the ones giving me crap.

 

workspace.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
Reply
Loading...
Jan 20, 2020 0
Adobe Community Professional ,
Jan 20, 2020

Copy link to clipboard

Copied

The "Fill" color seems to be transparent. Click on that checkers pattern and bring the alpha up (the vertical slider next to the one for hue), or simply type 100% next to the color code. That's why the background color doesn't show up on the phone.

ccolor.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
Reply
Loading...
Jan 20, 2020 1
New Here ,
Jan 20, 2020

Copy link to clipboard

Copied

That would be why! Thanks! I copy and pasted those screens from one other which is why they were all like that.... thanks a bunch!

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
Reply
Loading...
Jan 20, 2020 0
Adobe Community Professional ,
Jan 20, 2020

Copy link to clipboard

Copied

Do you have a background color set on your artboards? You can select the artboard in Xd by clicking on its name, and check if you have a color in the "Fill" property on the right. If the "Fill" box isn't checked and a background color is not set, the background is transparent, and that's why it shows differently on your phone. If the images on the left are from Xd, that seems to be the case, as the transparent background looks grey in Xd.

 

P.S. About the prototype not being fullscreen, I'm on Android, but it probably works the same. If your artboard is smaller than the resolution of the phone, it will show in its actual size, so it won't be fullscreen. For fullscreen, the artboard must be as big or bigger than the screen res of the phone you're previewing on.

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
Reply
Loading...
Jan 20, 2020 1
New Here ,
Jan 20, 2020

Copy link to clipboard

Copied

There is a fill color selected on all of them... I changed it to a different color and it didn't have any effect.

 

And 10-4 on the resolution. I had someone do the original artboard layouts for me and he did them in the wrong resolution so I am screwed there. Didn't realize it until the 50+ screen was finished. Lesson learned. 🙂 This is merely for a proof of concept demonstrable version... I'll hand what I did off to someone else to revise the screens 

 

Any thoughts on the background tho?

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
Reply
Loading...
Jan 20, 2020 0
Adobe Employee ,
Jan 20, 2020

Copy link to clipboard

Copied

Hi there,

 

Thank you for reaching out. In addition to what Italo and Dstoic has said, it looks like this is what you are referring to: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/31055587-backgroun...? If so, please submit your feedback and upvote the request to add your voice.

 

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
Reply
Loading...
Jan 20, 2020 1