Shortcut to Add Before, Add Inside, Add After

[nshkrsh]

request to please add keyboard shortcuts for when in the design view:
Add Before
Add Inside
Add After

[George]

We already have quite a lot keyboard shortcuts for design view:

Wappler Shortcut Keys

List of shortcut keys used in Wappler As we develop our weekly updates we will continue to keep this list updated, so check back regularly. General Action Windows MacOS Linux New File CTRL N ⌘ N CTRL N Open File CTRL O ⌘ O CTRL O Save File Ctrl S ⌘ S CTRL S Save File As CTRL SHIFT S ⇧ ⌘ S CTRL SHIFT S Save All Files CTRL ALT S ⌥ ⌘ S CTRL ALT S Close File CTRL W or CTRL F4 ⌘ W CTRL W Close All Files CTRL SHIFT W ⇧ ⌘ W CTRL SHIFT W N…

But maybe indeed Add Before/inside/After will also be useful - what keeps would you suggest for it, looking at the list of shortcuts we already have, so that no duplicates are added.

[nshkrsh]

yes, we did see those shortcuts.

suggested:
Add Before = B
Add Inside = I
Add After = A

just single letter shortcuts.

when in design view we can navigate through the elements using arrow keys.
once we have the right element selected we can press A B or I to add new elements.

also, in the add element window, the auto focus is on the search box, so absolutely no need to touch the mouse until a perticular element is to be selected.

so, the next step would be to be able to select an element by using arrow keys - as of now it is not possible and mouse has to be deployed to select an element.

on a mildly related note, for going to the design panel, shortcut D can be used.

single letter shortcuts are used quite a lot on webflow, FYI.