Discuss

Using Shortcut Keys for Dynamic Events

On this page

With Wappler you can assign different Keyboard Keys as shortcuts for different dynamic events, like: controlling a slideshow, run server action, refresh data, update record, show modal etc.

We will show you how to assign shortcut keys for controlling the Swiper component. Select App in the App Structure(1) and add new Dynamic Event (2):

Screenshot_7|690x395

Then in the Keyboard group select on Key Down:

Screenshot_8|690x395

And click the dynamic action button, to select what to happen on key down:

Screenshot_9|690x395

We select Next Slide and click the add button (or just double click Next Slide action):

Screenshot_10|690x395

Click the select button:

Screenshot_11|690x395

And open the Modifiers menu. Select the key you want to use as a shortcut for this action. It may be one key KeyA or a combination of two keys like Shift+KeyA. In our case we select one key and this is the KeyK:

Screenshot_12|690x395

You can use the Debounce option to add a delay after the key is pressed. This should be a value in milliseconds. For example if you enter 300 the dynamic action will be executed 300 milliseconds after the key is pressed. We leave this option empty, as we don't need any delay here:

Screenshot_13|690x395

You can add as many shortcuts as you need for your keys, for any of your dynamic events on the page:

Screenshot_14|690x395


WapplerPrevious|101x31   WapplerNext|77x31