# 🎉 Latest Thunkable ✕ Release; Responsive Web Apps and Keep Screen On! 2020-04-23 **URL:** \ **Category:** Announcements\ **Tags:** new\_release\ **Created:** [April 24, 2020, 11:32am UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008 "2020-04-24T11:32:46Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 24, 2020, 11:32am UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/1 "2020-04-24T11:32:46Z")
Hey Thunkers! 👋 Last month we released a new feature giving you the ability to publish your project as a _mobile_ web app. > [@tada New Thunkable ✕ PRO Feature: Publish your Project as a Web App 2020-03-11](http://community.thunkable.com/t/new-thunkable-pro-feature-publish-your-project-as-a-web-app-2020-03-11/500455): > > So, you’ve taken the time to learn how to use Thunkable (or you’ve remixed one of our awesome starter templates!), you’ve carefully crafted your user interface and thoroughly tested your blocks. Now you want to share your app with the world!!! Well
you want to share your app with your friends and family at the very least. We’ve always given you publishing options with Thunkable ✕. You can download your .apk and publish it to any Android store. You can also submit your project directly to the A
 This means that you can publish your app, directly (and instantly!) to the web. You don’t need to any developer licenses and you don’t have to wait for anyone to review your app. One thing that a lot of you wanted was the ability to have a fully responsive web app - so we built it! ## Responsive Web Apps ![responsive_web_app](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/c/bc4fa0c15b2b166f80da763ce1b3e5c55dd3b052.png) You now have the added option to deploy your Thunkable project as a responsive app that will scale across different screen sizes. Read more about this in the docs: > **[Publish as a Web App | Thunkable Docs](https://docs.thunkable.com/publishing/publish-as-a-web-app-pro)** ## Keep Screen On Another feature that you’ve been asking for (for a [little while](http://community.thunkable.com/t/superpost-possible-to-keep-screen-active-screen-on/63540) now) is the ability to keep the screen on, even when a user isn’t interacting directly with your app. We really appreciate all your incredible feedback, so we’ve added a new block to the [Device blocks](https://docs.thunkable.com/device) that lets you do just that. ![keep_screen_awake](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/61696e40bb795cf9aa3b045645645d6d14ef50d3.png) Hope you enjoy these new features, let us know what you’re building with them! ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [April 24, 2020, 12:14pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/2 "2020-04-24T12:14:12Z")
Way to go #teamThunkable!!! Thank you guys! This is awesome. Now I can give my users a way to view certain things in a more user friendly way! Things like a user dashboard for data viewing ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [April 24, 2020, 1:10pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/3 "2020-04-24T13:10:33Z")
This is amazing! I am guessing the feature hasn’t been fully rolled out yet as it is still only possible to publish as a regular web app? Otherwise very excited to use this feature and I will definitely be implementing this into websites! ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 24, 2020, 1:23pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/4 "2020-04-24T13:23:41Z")
You should be able to see both of these (but I can only see one on my non-admin account now that you mention it?) ![preview as web app](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/6199dabcd77c302ca708ec54e7a978d3d9cba4fa.png) ![publish as responsive app](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/c/fce3db64065089605895646a063d3553f4388fed.png) Let me take a look and see what’s up. ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [April 24, 2020, 1:26pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/5 "2020-04-24T13:26:12Z")
Hi, The live test shows the Responsive feature which appears to work for me. The publish screen shows this: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/c/8c6b42ad7d452f1f37ad6f08fcc1fb3afaf5eea4.png) (I cleared website cache and restarted chrome) Thanks (edit) Issue also persists when creating a new project. ---
**Author:** ![wei](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/wei/32/26160_2.png) [@wei](https://community.thunkable.com/u/wei)\ **Post date:** [April 24, 2020, 2:45pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/6 "2020-04-24T14:45:24Z")
@eoinparkinson Please check again 🙂 these two options should be visible now. Best, Wei ---
**Author:** ![kartik14](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/kartik14/32/44782_2.png) [@kartik14](https://community.thunkable.com/u/kartik14)\ **Post date:** [April 24, 2020, 5:31pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/7 "2020-04-24T17:31:47Z")
## This is amazing! Thanks team Thunkable! * * * P.S. I have been less online lately - coz I am working on something big - upcoming days would reveal it đŸ˜ș ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [April 24, 2020, 6:58pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/8 "2020-04-24T18:58:32Z")
@wei it works on my end now. Thank you for your hard work! ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [April 24, 2020, 8:11pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/9 "2020-04-24T20:11:49Z")
Here is a rough sample of how we can make things look using mostly responsive settings. I am able to create a dashboard for better data visualization for my app users. ![giphy (22)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/4/1404b00e5b08b9da79d94457ed525cfe2f85f429.gif) ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [April 24, 2020, 8:37pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/10 "2020-04-24T20:37:27Z")
Interesting how you got the list on the left of the screen. Did you just add this as it would look in portrait and it looks nice in landscape then? ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [April 24, 2020, 8:59pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/11 "2020-04-24T20:59:12Z")
No. i used % to set all components except for the height of the list viewers. the column for the listviewers is 30% width, 100% height of the row that it’s in. maybe you can see here > **[thunkablecompanion](https://x.thunkable.com/web-build/index.html?projectId=5ea303829c59021029d95e0e&noframe=1&responsive=1)** > > Powered by Thunkable the design screen looks like this. it’s not the easiest, but workable ![Screen Shot 2020-04-24 at 4.47.09 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/c/0c69e4a9d1390e31cc4744af1f1595975e997158.png) [update] ![Screen Shot 2020-04-24 at 4.52.46 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/4/24749af074ac67f95a39790fc9858e518bca6090.png) ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [April 24, 2020, 9:09pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/12 "2020-04-24T21:09:06Z")
Very interesting. I shall do some of my own experimenting on this! ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [April 24, 2020, 9:09pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/13 "2020-04-24T21:09:40Z")
Do it! Post what you make here! and on twitter 😉 [Update] So I have been able to preview the apps I am building But I am unable to publish. When I have tried to publish as a webapp, this is the error I recieve. ![Screen Shot 2020-04-24 at 10.22.38 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/b/4bbebd8e79445e47a2ecb4e8fcefa4b122ce3153.png) ---
**Author:** ![io.nut.ilie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/io.nut.ilie/32/51367_2.png) [@io.nut.ilie](https://community.thunkable.com/u/io.nut.ilie)\ **Post date:** [April 25, 2020, 3:03pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/14 "2020-04-25T15:03:43Z")
Hello. I like the idea of the Responsive Web Apps 👏 but I see that It is not possible to use the Thunkable URL inside of an HTML _iframe_ and this appears to be because of the X-Frame-Options Policy (mentioned also in this post [PWA's and webviewer access?](http://community.thunkable.com/t/pwas-and-webviewer-access/559874/3)). So, my question is if there is any solution to use the Thunkable URL - that works fine directly in the browser, also inside of an HTML iframe. **Thank you!** ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 25, 2020, 3:19pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/15 "2020-04-25T15:19:11Z")
Hey @io.nut.ilie We’re looking into this at the moment. Can you tell us a little more about how you would use this if it were “embeddable” with an iFrame? ---
**Author:** ![justin.thanh84v20](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/justin.thanh84v20/32/67711_2.png) [@justin.thanh84v20](https://community.thunkable.com/u/justin.thanh84v20)\ **Post date:** [April 25, 2020, 3:39pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/16 "2020-04-25T15:39:44Z")
hi @domhnallohanlon, I need the embeddable function too, i need to embed web pro url to my blog, so reader can “hand on” the app on my website without redirect to thunkable website Thanks ---
**Author:** ![io.nut.ilie](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/io.nut.ilie/32/51367_2.png) [@io.nut.ilie](https://community.thunkable.com/u/io.nut.ilie)\ **Post date:** [April 25, 2020, 3:44pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/17 "2020-04-25T15:44:05Z")
**Thank you** , @domhnallohanlon. The Mobile Web App it is not _embeddable_ and I have to use also the only version of the phone that Thunkable provides it. I want to integrate some app functions, generated with Thunkable inside other larger projects and to integrate it the specific UI/UX. To do that, I need to use the Responsible Web App inside my design. Thank you. Ionut _p.s. now, it looks like this:_ ![Screenshot 04-25-2020 18.22.52](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/6/f635ac3b2abde107fa3f97a1d401ff1a30d4288c.png) ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [April 26, 2020, 8:18am UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/18 "2020-04-26T08:18:04Z")
21 posts were split to a new topic: [[Solved] Is anyone having issues publishing Web Apps right now?](https://community.thunkable.com/t/solved-is-anyone-having-issues-publishing-web-apps-right-now/564120) ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 11:31am UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/20 "2024-11-08T11:31:49Z")
---
**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\ **Post date:** [December 19, 2024, 4:13pm UTC](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008/21 "2024-12-19T16:13:46Z")
[Next page](https://community.thunkable.com/t/latest-thunkable-release-responsive-web-apps-and-keep-screen-on-2020-04-23/564008.md?page=2)