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.

Global Shortcuts

Action Win/Linux OSX
New Project ALT+N ALT+N
Open Project ALT+O ALT+O
New File CTRL+N CMD+N
Open File CTRL+O CMD+O
Save CTRL+S CMD+S
Save As SHIFT+CTRL+S SHIFT+CMD+S
Save All CTRL+ALT+S CMD+ALT+S
Close Project ALT+W ALT+W
Close Tab CTRL+W CMD+W
Close All Tabs SHIFT+CTRL+W SHIFT+CMD+W
Open Next Tab CTRL+TAB CMD+TAB
Open Previous Tab SHIFT+CTRL+TAB SHIFT+CMD+TAB
Options ALT+SHIFT+O ALT+SHIFT+O
Bug Reporting CTRL+ALT+P CMD+ALT+P
Quit Wappler ALT+Q ALT+Q
Logout and Quit Wappler ALT+SHIFT+Q ALT+SHIFT+Q
File Manager ALT+F ALT+F
Server Connect ALT+S ALT+S
Routing Manager ALT+R ALT+R
Asset Manager ALT+A ALT+A
Search Project CTRL+ALT+F CMD+ALT+F
Community CTRL+F1 CMD+F1
Documentation F1 F1
Main Menu F10 F10
Toggle Fullscreen F11 F11

Design View Shortcuts

Action Win/Linux OSX
Zoom In CTRL++ CMD++
Zoom Out CTRL+- CMD+-
Reset Zoom CTRL+0 CMD+0
Switch to Phone View CTRL+1 CMD+1
Switch to Landscape Phone View CTRL+2 CMD+2
Switch to Tablet View CTRL+3 CMD+3
Switch to Laptop View CTRL+4 CMD+4
Switch to Desktop View CTRL+5 CMD+5
Switch to Full View CTRL+6 CMD+6
Duplicate CTRL+D CMD+D
Select Parent Element
Select First Child Element
Select Previous Element
Select Next Element
Deselect / Cancel Edit ESC ESC
Delete Selected Element DELETE/BACKSPACE DELETE/BACKSPACE
Refresh F5 F5
Add After Selected Node A A
Add Before Selected Node B B
Add Inside Selected Node I I
Toggle Extend Lines E E
Toggle Boostrap Grid G G
Toggle Selection Highlights H H
Toggle Size Info S S
Toggle Preview CTRL+\ CMD+\
Default Action ENTER ENTER

Code Editor Shortcuts

Action Win/Linux OSX
Copy CTRL+C CMD+C
Paste CTRL+V CMD+V
Select All CTRL+A CMD+A
Select Line CTRL+L CMD+L
Undo Selection CTRL+U CMD+U
Redo Selection SHIFT+CTRL+U SHIFT+CMD+U
Undo CTRL+Z CMD+Z
Redo SHIFT+CTRL+Z SHIFT+CMD+Z
Redo CTRL+Y CMD+Y
Search CTRL+F CMD+F
Go To Line CTRL+G CMD+G
Find Next F3 F3
Find Previous SHIFT+F3 SHIFT+F3
Replace SHIFT+CTRL+F CMD+ALT+F
Replace CTRL+H CMD+H
Indent Less CTRL+[ CMD+[
Indent More CTRL+] CMD+]
Swap Line Up SHIFT+CTRL+UP CMD+CTRL+UP
Swap Line Down SHIFT+CTRL+DOWN CMD+CTRL+DOWN
Sort Lines F9 F9
Toggle Comment CTRL+/ CMD+/
Autocomplete CTRL+SPACE CTRL+SPACE
Toggle Bookmark CTRL+F2 CMD+F2
Next Bookmark F2 F2
Previous Bookmark SHIFT+F2 SHIFT+F2
Clear All Bookmarks CTRL+SHIFT+F2 CMD+SHIFT+F2

WapplerPrevious   WapplerNext


16 Likes

So there you go @TomD :slight_smile:

This is really usefull … thanks

Thanks @George. Very useful - several I hadn’t discovered yet. F9 could have interesting results.

Shift+tab seems to do the same as Ctrl [ (‘indent less’). Previously it had a useful function - to format/beautify the selected text. I don’t think there is an option for that any more. It would be useful if it could be reinstated some time.

3 posts were split to a new topic: Alt-G key on Mac

This is very useful but some things I have noticed:

  • Cmd-F doesn’t search in MacOS unless I first click in the editor area. It only searches the selected file and not the project.
  • Fn-F3 in MacOs displays the desktops and not find next
  • Opt-Fn-F3 in MacOs displays Mission Control settings
  • Cmd-S is random and sometimes only saves if I first click the “Design | Code | Split” bar above the file editor

Cmd-F is indeed a shortcut in the Code Editor only. So the code editor needs to be focused. The project search doesn’t have a shortcut at this moment.

I removed the fn key in the shortcut list since it depends on the keyboard you have, not every Mac requires to use the fn key. I think most Mac users will know how to use F3.

Cmd-S should work global in Wappler, independent on what has focus.

Select Element in Code View

In addition to Select Line in Code View it would be very usefull to add also Select Element because an element can be spread over different lines.
CTRL-E would be a logic shortcut

select

1 Like

ctrl+tab ctrl+shift+tab was added couple weeks ago to move between open files (tabs)

request to also add ctrl+pg up and ctrl+pg down to move between design/code/split views.

1 Like

Shortcuts for these would certainly be very useful.

In relation to this, an option to choose in which view files appeared when opened would also very useful (more useful than shortcut keys for those who always work in split view for example).

1 Like

O please please!

1 Like

6 posts were split to a new topic: F2 not working in experimental design view

pretty please…implement this.

Would be great if shortcut keys are customizable by user. I’d love to setup my shortcut keys for toggle design/code/split view to Alt+q :innocent:.

There have been many requests for shortcuts - and many have now been implemented.

At least from my point of view, the biggest omissions are shortcuts for the different views, as you mention, and a shortcut to ‘open in browser’. I also suggested earlier in this thread, that an option to choose the default view, in preferences, would be very helpful (for me, more useful than shortcut keys as I always use split view).

Perhaps the problem with this thread is that it doesn’t come under ‘feature requests’. Perhaps it’s another which could be split - or should there be different requests for different keyboard shortcuts (though this doesn’t sound very sensible)?

I’d love a shortcut for moving elements inside the app structure. Dragging doesn’t work very well usually.

1 Like

Is it possible to get the shortcuts in a PDF that does not use the black background I like to print these out for quick glance review.

Right now can’t print it and if i could I really don’t want to waste all that black ink either.