This week we have some exciting changes coming for the new Drag and Drop UI.
You can preview these updates right here:
Project as it currently exists in Thunkable’s Drag and Drop UI:
The same project in the updated Drag and Drop UI, before components are repositioned/resized:
The same project in the updated Drag and Drop UI, after components have been repositioned/resized:
Here are the details:
Increasing the size of the phone wireframe in the DND Design tab.
This will make creators who are more accustomed to other design tools feel more at home designing with Thunkable.
The larger screen should also lead to mobile web apps looking more similar to apps as viewed on Android and iOS devices.
And of course, it is easier for any creator to design the UI of their dreams on a bigger canvas!
Is there anything I need to do?
If you have existing DND projects, you will need to adjust the size and position of your components to better suit this larger screen.
Adding a pop-out window for previewing apps on the web.
This will allow you to have a live web preview of your app side-by-side with the Thunkable project as you work on it.
The Refresh App button will allow you to see your changes on the web in real-time. Just like the current Preview on Web feature, clicking the Refresh button will bring you to the screen of your project that is currently open in your Design tab.
Tidying up the Components tree and the Properties panel
Just a little reformatting to make the components tree and the properties panel look better.
Will this affect my published Drag and Drop Web Apps?
If you have previously published a Drag and Drop project as a web app, this update will not change these web apps by itself. Your web apps will be resized when you publish an update to your web app, so you will have the opportunity to resize and reposition components as needed.
When are these changes coming?
These changes will go live on Thursday March 18.