Unfortunately, many things in Thunkable IDE are inconvenient to work with and we can’t fix them, but some things can be fixed if you change the style of elements.
For example, in block editing mode, I am constantly annoyed that tabs with screen names need to be constantly scrolled and it is impossible to search for them. What to do? You need to expand the area of tabs with screen names. For this:
- in the browser, press F12 to display the toolbar
- Select the tab that displays the HTML code of the page
- in the search field, enter the line “ant-tabs ant-tabs-top ant-tabs-line”
- in the style window of the found element, disable the max-width:600px property - all screen names will be displayed in the row. But when you switch to design mode, the working field becomes huge. To reduce it, look for an element with the “preview-container” class and set its width, for example, 800px
When you restart, the styles will return to the default and you will have to change them again - which is the main drawback of this method.
Similarly, you can change the dimensions and parameters of other elements.
The screen names are too wide, so search for the name of any screen and disable the padding property for the found element, and margin:4px: