# \[Solved\] How To View As A Responsive Web App On DnD?
**URL:** https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454
**Category:** Questions about Thunkable X
**Tags:** solved, draganddrop, webapp
**Created:** [January 31, 2021, 7:58am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454 "2021-01-31T07:58:11Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@davidmcculloch](https://community.thunkable.com/u/davidmcculloch)
#### Post date: [January 31, 2021, 7:58am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/1 "2021-01-31T07:58:11Z")
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?
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [January 31, 2021, 8:15am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/2 "2021-01-31T08:15:37Z")
Check this menu
---
### Author:  [@davidmcculloch](https://community.thunkable.com/u/davidmcculloch)
#### Post date: [January 31, 2021, 9:52am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/3 "2021-01-31T09:52:47Z")
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 -
[[Album] imgur.com  ](https://imgur.com/a/6FJOt9l)
Do you know how to fix this?
Thanks again!
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [January 31, 2021, 10:26am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/4 "2021-01-31T10:26:10Z")
Use this option
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 1, 2021, 7:02pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/5 "2021-05-01T19:02:14Z")
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
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 2, 2021, 6:14pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/6 "2021-05-02T18:14:55Z")
Does any one know a way to Use view as responsive web app in the DnD UI?
---
### Author:  [@cyberdriver](https://community.thunkable.com/u/cyberdriver)
#### Post date: [May 2, 2021, 6:19pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/7 "2021-05-02T18:19:20Z")
You can’t but you can pop out the preview and have a side-by-side view.
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 2, 2021, 6:20pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/8 "2021-05-02T18:20:28Z")
Yes i know that but that doesn’t really tell me how My apps looks on different devices.
---
### Author:  [@cyberdriver](https://community.thunkable.com/u/cyberdriver)
#### Post date: [May 2, 2021, 6:23pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/9 "2021-05-02T18:23:42Z")
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.
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 8, 2021, 1:25pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/10 "2021-05-08T13:25:36Z")
> [@cyberdriver](#):
>
> could you try publishing it as a web app and seeing how it looks?
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.
---
### Author:  [@codeswept](https://community.thunkable.com/u/codeswept)
#### Post date: [May 8, 2021, 1:28pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/11 "2021-05-08T13:28:23Z")
And that’s not possible for non PRO Thunkers.
---
### Author:  [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [May 21, 2021, 3:34pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/12 "2021-05-21T15:34:33Z")
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!
cc: @muneer @sketch @cyberdriver @codeswept
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 21, 2021, 3:36pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/13 "2021-05-21T15:36:10Z")
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.
---
### Author:  [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [May 21, 2021, 5:34pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/14 "2021-05-21T17:34:23Z")
@domhnallohanlon he wants to be able to test as responsive web app in the DnD UI.
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 21, 2021, 6:02pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/15 "2021-05-21T18:02:25Z")
Yep
---
### Author:  [@codeswept](https://community.thunkable.com/u/codeswept)
#### Post date: [May 22, 2021, 4:43am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/16 "2021-05-22T04:43:49Z")
I just figured out it’s possible!
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 22, 2021, 7:12am UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/17 "2021-05-22T07:12:43Z")
No that only previews in a new tab.
With the phone mock up.
---
### Author:  [@cyberdriver](https://community.thunkable.com/u/cyberdriver)
#### Post date: [May 29, 2021, 9:01pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/18 "2021-05-29T21:01:25Z")
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!
---
### Author:  [@sketch](https://community.thunkable.com/u/sketch)
#### Post date: [May 29, 2021, 9:41pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/19 "2021-05-29T21:41:35Z")
Thanks!!
It does
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 1:29pm UTC](https://community.thunkable.com/t/solved-how-to-view-as-a-responsive-web-app-on-dnd/1076454/20 "2024-11-08T13:29:40Z")