Adding keyboard shortcut for panel app?

xaviermouy · June 2, 2025, 6:15pm

Hi,

I would like to add keyboard shortcuts to my panel app but am not sure how to proceed. I basically have a button already in my app and I would like the user to be able to press the “p” key on the keyboard to use that button instead to clicking with the mouse.

It sounds like I would need to add some javascript components but what I have tried so far hasn’t been successful ;-(.

Has anyone tried to do this already? Any tips on how I could tackle this?

I am not sure if this is helpful but the code I am working on is at the link below and the button I want the shortcut is called “play_sound_button” :

github.com

xaviermouy/SoundScope/blob/a88954e7764a387d24d543cde498227fa2ece382/soundscope.py

#!/usr/bin/python3
# coding: utf-8

# Libraries
import time
import os  # For dealiing with paths and directories mostly.
from sys import version
from _version import __version__
import cv2
import numpy as np
import pytz
import panel as pn  # Flask like framework with a great library for modular installation of graphical components.
import copy  # For use of deep copying. We use it in the creation of active data so that we will unhinder the original object's memory.

from distributed.diagnostics.nvml import one_time
from ecosound.core.tools import (
    filename_to_datetime,
)  # Ecosound filename to datetime function.
from ecosound.core.measurement import (
    Measurement,

This file has been truncated. show original

Any help would really appreciated

Best,
Xavier

Hoxbro · June 2, 2025, 6:17pm

Maybe take a look at the examples in Can panel implement keyboard hotkeys? · Issue #3193 · holoviz/panel · GitHub