Previously to take screenshots of my app I would view my app as a Responsive Web App. I would then Inspect Element that page and take the relevant screenshots.
I am now using DnD and I am trying to take screenshots of my app using the method of using Web Preview then Inspect Elelement but it is not showing the app, only the Thunkable platform.
How do you view the app as a Responsive Web App on DnD? Or how do you take screenshots using DnD?
Check this menu
Hi Muneer
Thank you very much for your update. I appreciate it.
This works and I am able to open the app in the Responsive Web App.
However, I have encountered an issue where I am able to change the size of the device (iPhone X, iPad Pro, etc) but the app itself doesn’t change to fit the relevant device.
This photo shows it -
Do you know how to fix this?
Thanks again!
Hello everyone.
Does Anyone know a way to view My project as a responsive web app in the DnD UI?
OR if this is coming?
Thanks
Does any one know a way to Use view as responsive web app in the DnD UI?
You can’t but you can pop out the preview and have a side-by-side view.
Yes i know that but that doesn’t really tell me how My apps looks on different devices.
Other than using the legacy ui instead, could you try publishing it as a web app and seeing how it looks? I know it is not the most convenient.
I know I can do that but that isn’t really handy to do.
Since I don’t want to leak the project and why should I publish a unfinished project.
And that’s not possible for non PRO Thunkers.
Hey @davidmcculloch 
We’ve just updated the flow for this so you can choose between a Responsive Web App and a Mobile Web App at the time of publishing.
Hope this is an improvement to your user experience!
Thanks @domhnallohanlon but i want to do IT like the legacy UI has whitout paying.
So i have a beter look of different screen sizes.
@domhnallohanlon he wants to be able to test as responsive web app in the DnD UI.
Yep
No that only previews in a new tab.
With the phone mock up.
I figured it out: go to the Thunkable project page. Click the preview button, then the preview as responsive web app button. Then to update it, just reload the page.
Hope this helps!
Thanks!!
It does
