New Experimental Design View

experimental

#41

Yes, it makes more sense. My first testing was with an element already in the panel or form so I wasn’t seeing it. Makes sense, I’m more than good with it. Looks great. :wink:


#42

Ok, this time I found something I don’t like. :wink:

You can’t edit text in a card header.

I know it’s in the properties panel but if you have a bit more than a few letters or in my case some data bindings it is difficult to edit on such a small text box.

48%20PM


#43

Is your card header directly containing the text or is it some p or h tag?

EDIT: I saw what you mean, good catch :slight_smile: we are going to improve that.


#44

We want to minimize the number of icons in design view, so we only have icons for some primary actions now. Duplicate (CTRL+D) and Delete (BACKSPACE/DELETE) still work with the keyboard or can be done in the App Structure toolbar. The insert inside is now only on containers that are still empty, when you insert an element you place the next element after or before that element. We removed the insert inside from containers with children since it was often unclear where it would be inserted. To edit text content you have to double click the text (or pressing F2), when there are some text areas that are not editable, then let us know. When in text edit mode, pressing ENTER will apply the changes, pressing ESC will cancel the changes. Also clicking outside the text editing area will apply the changes.


#45

While you try to minimize icons, I really don’t see the benefit of having long strings of text/code in the selection tab. Unless I am missing a specific reason for it?

Just saying ‘Card Header’ would be enough. Again, unless I am missing a purpose for it.


#46

We are using the same titles as in the App Structure, didn’t notice there any long titles. Will shorten it for the next update.


#47

Command clicking on elements does not work. For example command clicking on an accordion card header no longer toggles the card. Works fine without experimental features turned on.


#48

Yes, the same issue is on Windows, with the control key. Another example: without this feature, it’s not possible to select other elements in design view if a modal is displayed (without clicking in code view or app structure first).


unassigned patrick #49

#50

These issues have been fixed in Wappler 1.9.9

This has also been improved. Now the collapses/accordion cards open on single click (no ctrl is required).
Also we have a new shortcut, the key p which toggles preview mode on/off - could be useful for instant preview.