Trigger the CommandPalette via a keyboard shortcut using <p:hotkey>.
The palette also remains available via right-click on the target element.
Press Ctrl+Shift+K to open the CommandPalette via keyboard shortcut.
Right-click or press Ctrl+Shift+K to open the CommandPalette
▶File
New File
Open File
Save
Save As...
▶View
Zoom In
Zoom Out
Fullscreen
Source
<h:panelGroup layout="block" style="margin-bottom:12px; font-size:14px; color:#555;">
Press <kbd>Ctrl+Shift+K</kbd> to open the CommandPalette via keyboard shortcut.
</h:panelGroup>
<h:panelGroup id="hotkeyTarget" layout="block"
style="border:2px solid #c8c8c8; border-radius:3px; padding:40px; text-align:center;
background:#f9f9f9; font-size:14px; color:#555; user-select:none;">
Right-click or press <kbd>Ctrl+Shift+K</kbd> to open the CommandPalette
</h:panelGroup>
<p:hotkey bind="ctrl+shift+k" handler="PF('hotkeyPaletteWidget').showCentered();" />
<pe:commandPalette id="hotkeyPalette" for="hotkeyTarget"
label="Actions" filterPlaceholder="Search actions..." width="260" height="350"
widgetVar="hotkeyPaletteWidget">
<pe:commandPaletteItem group="File" value="new" label="New File"/>
<pe:commandPaletteItem group="File" value="open" label="Open File"/>
<pe:commandPaletteItem group="File" value="save" label="Save"/>
<pe:commandPaletteItem group="File" value="saveAs" label="Save As..."/>
<pe:commandPaletteItem group="Edit" value="undo" label="Undo"/>
<pe:commandPaletteItem group="Edit" value="redo" label="Redo"/>
<pe:commandPaletteItem group="Edit" value="cut" label="Cut"/>
<pe:commandPaletteItem group="Edit" value="copy" label="Copy"/>
<pe:commandPaletteItem group="Edit" value="paste" label="Paste"/>
<pe:commandPaletteItem group="View" value="zoomIn" label="Zoom In"/>
<pe:commandPaletteItem group="View" value="zoomOut" label="Zoom Out"/>
<pe:commandPaletteItem group="View" value="fullscreen" label="Fullscreen"/>
<p:ajax event="select" listener="#{commandPaletteController.onItemSelect}"
update="messages"/>
</pe:commandPalette>
@Named
@ViewScoped
public class CommandPaletteController implements Serializable {
private static final long serialVersionUID = 1L;
public void onItemSelect(final SelectEvent<CommandPaletteSelection> event) {
final CommandPaletteSelection selection = event.getObject();
final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO,
"Item Selected",
"Group: " + selection.getGroup()
+ ", Value: " + selection.getValue()
+ ", Label: " + selection.getLabel());
FacesContext.getCurrentInstance().addMessage(null, msg);
}
}