Skip to main content
Participating Frequently
June 21, 2018
Answered

Scale preview on device to full screen

  • June 21, 2018
  • 4 replies
  • 9053 views

I am designing for Android Tablet (Samsung Galaxy Tab A – 1920x1200 screen).

So, as usual, I design in Sketch at 960x600 resolution. I then import into XD. Fine.

When I preview on the Android tablet, it does not scale to full screen – I have a black border around the artboard on the device.

If I make the artboard larger in XD (1440x900) it scales to fit the full screen on the device. But of course, that throws out my Sketch designs.

How do I get 960x600 to scale up to 1920x1200?

THX

    This topic has been closed for replies.
    Correct answer Preran

    Hey Atul,

    Thanks for the response, but our point was, why can't there be a toggle to allow the prototype to fit the screen size? If I had to create a 1920x1080, that would take large amount of time as I have 64 screens to redo and crosscheck for any mistakes. I know you have the responsive resize, but that is not the result I want. I just want the screen to scale up and fit the display.

    Please have this feedback available to the product team, instead of forcing us to workaround something that causes trouble for us.

    Alexander.


    Thank you for your feedback. I suggest that you do the following to provide your feedback to the team directly:

    - Log a feature request using UserVoice Adobe XD Feedback : Feature Requests & Bugs

    - Join the Adobe XD prerelease program Adobe Prerelease

    Thanks,

    Preran

    4 replies

    Rickbond79
    New Participant
    June 9, 2020
    New Participant
    June 10, 2020

    I think I had the same issue you are experiencing here. I had to set Scrolling > Vertical and adjust the Viewport Height to visualize it full screen. 

    New Participant
    December 6, 2019

    Why can't I contest that this issue has been resolved. It hasn't. This issue still occurs as the original post described. Super obvious and unprofessional looking on the devices. It's not really a responsive resize issue either. In Xd I'm using artboards for iphone8 plus and get the black space around the artboard on the device. 

    Known Participant
    November 27, 2018

    I also have this issue. My client wanted to showcase the prototype on their TV Stand which is running on Android. The app doesn't scale up to fit the entire screen and has massive black borders around it which is totally stupid.

    The question is, when running the prototype of our phones, it scales to fit. But when it's on tablets or TV stands, it just kind of sticks to its native size. See photo for the ridiculousness of it. Solution posted by Atul isn't what we are looking for.

    Rickbond79
    New Participant
    June 9, 2020

    I have this exact issue as well. I'm trying to present a mobile app to clients on a tv. There are large black borders around the app I have mocked up which make the mockup smaller and harder to see. It would be nice to fill the available display space to the longest edge of the mockup artboard.

     

    In Adobe Xd itself when previewing, I expected if I go to the top manu bar > view > Zoom to fit all (Command-0) that this would help. But that only zooms the artboard. It would be great if the view zoom tools also worked on the preview window.

     

    A workaround of resizing artboards is a a bit cumbershome for larger projects, Changing the display resolution or zoom options may be another option. These are other workarounds I have found.

     

    - using version 28.1 on Mac

    Atul_Saini
    Community Manager
    Community Manager
    June 22, 2018

    Hi Brains,

    As you have mentioned that you have created an artboard of 960x600 dimension and you want to scale it up to 1920x1200 in Adobe XD. I would like to inform you that this feature has been requested here: - Responsive artboards / adaptive layout constraints for resizing – Adobe XD Feedback : Feature Requests & Bugs. If this is what you are looking for, please vote for this feature and share your comments.

    As of now, I would recommend using the desired dimension of the device. Talking about the black border, it's just a result of previewing smaller artboard on a large screen.

    Hope this helps, please update this discussion in case you need further assistance.

    Thanks,

    Atul_Saini

    Known Participant
    November 27, 2018

    Hi Atul, please find my photo attachment to see what we meant.

    Preran
    Community Manager
    PreranCommunity ManagerCorrect answer
    Community Manager
    November 29, 2018

    Hey Atul,

    Thanks for the response, but our point was, why can't there be a toggle to allow the prototype to fit the screen size? If I had to create a 1920x1080, that would take large amount of time as I have 64 screens to redo and crosscheck for any mistakes. I know you have the responsive resize, but that is not the result I want. I just want the screen to scale up and fit the display.

    Please have this feedback available to the product team, instead of forcing us to workaround something that causes trouble for us.

    Alexander.


    Thank you for your feedback. I suggest that you do the following to provide your feedback to the team directly:

    - Log a feature request using UserVoice Adobe XD Feedback : Feature Requests & Bugs

    - Join the Adobe XD prerelease program Adobe Prerelease

    Thanks,

    Preran