Wappler Shortcut Keys

patrick · January 31, 2023, 4:08pm

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`
New Project	`CTRL` `SHIFT` `N`	`⇧` `⌘` `N`	`CTRL` `SHIFT` `N`
Open Project	`CTRL` `SHIFT` `O`	`⇧` `⌘` `O`	`CTRL` `SHIFT` `O`
Close Project	`CTRL` `ALT` `W`	`⌥` `⌘` `W`	`CTRL` `ALT` `W`
Project Settings	`ALT` `~`	`⌥` `⌘` `,` or `⌥` `~`	`ALT` `~`
Options	`SHIFT` `ALT` `O`	`⌘` `,` or `⌥` `⌘` `O`	`CTRL` `ALT` `O`
Quit Wappler	`CTRL` `Q` or `ALT` `F4`	`⌘` `Q`	`CTRL` `Q`
Logout and Quit	`CTRL` `SHIFT` `Q`	`⇧` `⌘` `Q`	`CTRL` `SHIFT` `Q`
Submit Error Report	`CTRL` `ALT` `P`	`⌥` `⌘` `P`	`CTRL` `ALT` `P`
Open Next Tab	`CTRL` `TAB`	`⌥` `⌘` `→`	`CTRL` `TAB`
Open Previous Tab	`CTRL` `SHIFT` `TAB`	`⌥` `⌘` `←`	`CTRL` `SHIFT` `TAB`
Open Documentation	`F1`	`F1`	`F1`
Open Community	`CTRL` `F1`	`⌘` `F1`	`CTRL` `F1`
Open Menu	`F10`	`F10`	`F10`
Toggle Fullscreen	`F11`	`^` `⌘` `F` or `F11`	`F11`
Open in Browser	`F12`	`F12`	`F12`

Panels

Action	Windows	MacOS	Linux
Pages Manager	`ALT` `P`	`⌃` `⌘` `P`	`ALT` `P`
File Manager	`ALT` `F`	`⌃` `⌥` `⌘` `F`	`ALT` `F`
Git Manager	`ALT` `G`	`⌃` `⌘` `G`	`ALT` `G`
Database Manager	`ALT` `D`	`⌃` `⌘` `D`	`ALT` `D`
Theme Manager	`ALT` `T`	`⌃` `⌘` `T`	`ALT` `T`
Search Manager	`CTRL` `ALT` `F`	`⌃` `⇧` `⌘` `F`	`CTRL` `ALT` `F`
Routing Manager	`ALT` `R`	`⌃` `⌘` `R`	`ALT` `R`
Assets Manager	`ALT` `I`	`⌃` `⌘` `I`	`ALT` `I`
Server Connect Manager	`ALT` `S`	`⌃` `⌘` `S`	`ALT` `S`
Flow Connect Manager	`ALT` `A`	`⌃` `⌘` `A`	`ALT` `A`

Design View

Action	Windows	MacOS	Linux
Zoom In	`CTRL` `+`	`⌘` `+`	`CTRL` `+`
Zoom Out	`CTRL` `-`	`⌘` `-`	`CTRL` `-`
Reset Zoom	`CTRL` `0`	`⌘` `0`	`CTRL` `0`
Design Phone View	`CTRL` `1`	`⌘` `1`	`CTRL` `1`
Design Phone2 View	`CTRL` `2`	`⌘` `2`	`CTRL` `2`
Design Tablet View	`CTRL` `3`	`⌘` `3`	`CTRL` `3`
Design Laptop View	`CTRL` `4`	`⌘` `4`	`CTRL` `4`
Design Desktop View	`CTRL` `5`	`⌘` `5`	`CTRL` `5`
Design Desktop Wide View	`CTRL` `6`	`⌘` `6`	`CTRL` `6`
Design Full View	`CTRL` `9` or `CTRL` `~`	`⌘` `9` or `⌘` `~`	`CTRL` `9` or `CTRL` `~`
Duplicate	`CTRL` `D`	`⌘` `D`	`CTRL` `D`
Select Parent Element	`←`	`←`	`←`
Select First Child Element	`→`	`→`	`→`
Select Previous Element	`↑`	`↑`	`↑`
Select Next Element	`↓`	`↓`	`↓`
Deselect / Cancel Edit	`ESC`	`ESC`	`ESC`
Delete Selected Element	`DEL` or `BACK`	`DEL` or `BACK`	`DEL` or `BACK`
Default Action	`ENTER`	`ENTER`	`ENTER`
Add After Selected Element	`A`	`A`	`A`
Add Before Selected Element	`B`	`B`	`B`
Add Inside Selected Element	`I`	`I`	`I`
Toggle Extend Lines	`E`	`E`	`E`
Toggle Bootstrap Grid	`G`	`G`	`G`
Toggle Selection Highlights	`H`	`H`	`H`
Toggle Size Info	`S`	`S`	`S`
Toggle Preview	`CTRL` `</kbd>`	`⌘` `</kbd>`	`CTRL` `</kbd>`
Refresh	`F5`	`F5`	`F5`

Code Edit

Action	Windows	MacOS	Linux
Copy	`CTRL` `C`	`⌘` `C`	`CTRL` `C`
Cut	`CTRL` `X`	`⌘` `X`	`CTRL` `X`
Paste	`CTRL` `V`	`⌘` `V`	`CTRL` `V`
Increase Indent	`TAB`	`TAB`	`TAB`
Decrease Indent	`SHIFT` `TAB`	`⇧` `TAB`	`SHIFT` `TAB`
Toggle Comment	`CTRL` `/`	`⌘` `/`	`CTRL` `/`
Undo	`CTRL` `Z`	`⌘` `Z`	`CTRL` `Z`
Redo	`CTRL` `Y`	`⇧` `⌘` `Z`	`CTRL` `SHIFT` `Z` or `CTRL` `Y`
Decrease Indent	`CTRL` `[`	`⌘` `[`	`CTRL` `[`
Increase Indent	`CTRL` `]`	`⌘` `]`	`CTRL` `]`
Move the line down	`ALT` `DOWN`	`⌥` `DOWN`	`ALT` `DOWN`
Move the line up	`ALT` `UP`	`⌥` `UP`	`ALT` `UP`
Select All	`CTRL` `A`	`⌘` `A`	`CTRL` `A`
Select Line	`CTRL` `L`	`⌘` `L`	`CTRL` `L`
Add multi-cursor above	`CTRL` `ALT` `UP`	`⌥` `⌘` `UP`	`CTRL` `ALT` `UP`
Add multi-cursor below	`CTRL` `ALT` `DOWN`	`⌥` `⌘` `DOWN`	`CTRL` `ALT` `DOWN`
Goto Line	`CTRL` `G`	`^` `G`	`CTRL` `G`
Search	`CTRL` `F`	`⌘` `F`	`CTRL` `F`
Replace	`CTRL` `H`	`⌥` `⌘` `F`	`CTRL` `H`
Find Next	`F3`	`⌘` `G` or `F3`	`F3`
Find Previous	`SHIFT` `F3`	`⇧` `⌘` `G` or `⇧` `F3`	`SHIFT` `F3`

George · October 19, 2018, 10:06am

So there you go @TomD

s.alpaslan · October 19, 2018, 10:07am

This is really usefull … thanks

TomD · October 19, 2018, 10:19am

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.

George · November 19, 2018, 4:11pm

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

system · February 3, 2019, 7:46pm

rox10 · February 5, 2019, 6:17am

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

patrick · February 5, 2019, 9:19am

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.

vdweyer · February 5, 2019, 10:27am

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

nshkrsh · March 7, 2019, 2:06am

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.

TomD · March 7, 2019, 7:28am

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).

pixlapps · March 7, 2019, 7:54am

O please please!

Teodor · April 10, 2019, 8:39am

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

system · June 29, 2019, 2:33pm

nshkrsh · June 29, 2019, 3:00pm

pretty please…implement this.

system · August 23, 2019, 9:33pm

transcoderm · September 2, 2019, 12:11am

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 .

TomD · September 2, 2019, 8:04am

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)?

Logan · October 8, 2019, 2:45pm

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

mikeRM · December 11, 2019, 6:36pm

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.