Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Shortcut Keys [Hot Keys] for Editor buttons

See original GitHub issue

Hi @volkanceylan @minhhungit

Can you guys please guide me how I can assign a shortcut Key [hotkey] to Editor Button till now I have tried following and it doesn’t work. It is very important to get this functionality for the project I am working on.

// *** Add Select Button to Grid Editor ***
            buttons.push({
                title: "Select Items",
                cssClass: "add-button",
                hotkey: "Alt+K",
                onClick: () => {}
});

Thank you for your support

Regards,

Arvind

Issue Analytics

State:
Created 3 years ago
Comments:9 (4 by maintainers)

Top GitHub Comments

2reactions

minhhungitcommented, Sep 7, 2020

@reach2rv ah I see your comment, try this code

put this on your editor.ts

protected createToolbar(buttons: Serenity.ToolButton[]): void {
            var toolbarDiv = $('<div class="grid-toolbar"></div>').appendTo(this.element);
            this.toolbar = new Serenity.Toolbar(toolbarDiv, { buttons: buttons, hotkeyContext: document.getElementsByTagName('body')[0] });
        }

        getButtons() {
            let buttons = super.getButtons();

            buttons.push({
                title: "Test shortkey",
                hotkey: "alt+k",
                //hotkeyContext: document.getElementsByTagName('body')[0],
                onClick: () => {
                    Q.notifyInfo("Hello");
                }
            })

            return buttons;
        }

1reaction

reach2rvcommented, Sep 7, 2020

@minhhungit the above code works. I do get a notification. Thank you!!